Question

Как сделать так, чтобы карусель при достижении последнего элемента останавливалась, а не крутилась по кругу?

 

 

 <script>
$(document).on('click', ".carousel-button-right",function(){ 
 var carusel = $(this).parents('.carousel');
 right_carusel(carusel);
 return false;
});

 
$(document).on('click',".carousel-button-left",function(){ 
 var carusel = $(this).parents('.carousel');
 left_carusel(carusel);
 return false;
});
 
function left_carusel(carusel){
 var block_width = $(carusel).find('.carousel-block').outerWidth();
 $(carusel).find(".carousel-items .carousel-block").eq(-1).clone().prependTo($(carusel).find(".carousel-items")); 
 $(carusel).find(".carousel-items").css({"left":"-"+block_width+"px"});
 $(carusel).find(".carousel-items .carousel-block").eq(-1).remove(); 
 $(carusel).find(".carousel-items").animate({left: "0px"}, 200); 
 
}
function right_carusel(carusel){
 var block_width = $(carusel).find('.carousel-block').outerWidth();
 $(carusel).find(".carousel-items").animate({left: "-"+ block_width +"px"}, 200, function(){
 $(carusel).find(".carousel-items .carousel-block").eq(0).clone().appendTo($(carusel).find(".carousel-items")); 
 $(carusel).find(".carousel-items .carousel-block").eq(0).remove(); 
 $(carusel).find(".carousel-items").css({"left":"0px"}); 
 }); 
}

$(function() {
 auto_right('.carousel:first');
})

function auto_right(carusel){
 setInterval(function(){
 if (!$(carusel).is('.hover'))
 right_carusel(carusel);
 }, 500000)
}

 
$(document).on('mouseenter', '.carousel', function(){$(this).addClass('hover')})

$(document).on('mouseleave', '.carousel', function(){$(this).removeClass('hover')})
</script>

Answer 1

Удалить эти функции

$(function() {
 auto_right('.carousel:first');
})

function auto_right(carusel){
 setInterval(function(){
 if (!$(carusel).is('.hover'))
 right_carusel(carusel);
 }, 500000)
}

Comments

удалил. все равно крутиться бесконечно

---

DirtyDog,

Какой скрипт ещё идет к каруселе?

---

Sentimo,

<?if($OTHER9$)?>
<div class="more-relevance-film">
<div class="header-page-block">А также смотрите...</div>
<div id="allEntries" class="global-content clearfix">
<script type="text/javascript">
 $(document).ready(function(){ 
 $("#feeds").load("/php/entry/relatedentry.php?module=$MODULE_ID$&id=$OTHER9$");
 }); 
</script>

 <div class="p-smi">
 <div class="carousel shadow"> 
 
 <div class="carousel-button-left"><a href="#">&laquo;</a></div> 
 <div class="carousel-button-right"><a href="#">&raquo; </a></div>
 
 <div class="carousel-wrapper"> 
 <div class="carousel-items" id="feeds"> Происходит загрузка...</div>
 </div>
 </div>
</div> 

</div></div><?endif?>

---

DirtyDog,

И всё? Никакого скрипта больше нет к каруселе?

---

Sentimo,

вроде нет. я думаю ее от сюда брали https://tj-s.ru/tod/prostaya-karusel-na-jquery.html  вот вся страница http://kinoxa.tv/str.txt