Карусель. Бесконечная прокрутка.
Прикрутил к сайту готовую карусель отсюда.
Помогите пожалуйста сделать так, чтобы карусель не прокручивалась беконечно, а по достижении последнего элемента остановилась. Скрипт //Обработка клика на стрелку вправо $(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"}); }); } HTML <div class="carousel"> <div class="carousel-button-left"><a href="#"></a></div> <div class="carousel-button-right"><a href="#"></a></div> <div class="carousel-wrapper"> <div class="carousel-items"> <img class="carousel-block" src="image1.jpg" /> <img class="carousel-block" src="image2.jpg" /> <img class="carousel-block" src="image3.jpg" /> </div> </div> </div> |
|
Viral,
прекрасная карусель! Спасибо большое! |
Часовой пояс GMT +3, время: 11:19. |