Настройка Slick слайдера

305

06 марта 2018, 05:38

Всем "Зраствуйте"! У меня проблема: мне нужно настроить slick slider таким образом, чтобы он автоматически прокручивался до последнего слайдера и там останавливался. Сейчас он прокручивается до последнего, и цикл прокрутки начинается заново. Вот код:

$(document).ready(function() {
        $('.slider').slick({
            dots: true,
            speed: 300,
            autoplay: true,
            autoplaySpeed: 2500,
            infinite: false
          });
    });

Помогите пожалуйста!

Answer 1

Попробуйте так:

let qtySlides = $('.slider>div').length-1;
 let slider=$('.slider').slick({
            dots: true,
            speed: 300,
            autoplay: true,
            autoplaySpeed: 2500,
            infinite: false
          });
 slider.on('afterChange', function(event, slick, currentSlide, nextSlide){
   if( qtySlides === slider.slick('slickCurrentSlide') ){
     slider.slickSetOption("autoplay",false,false)
   };
 });

Answer 2

$(document).ready(function() {
    $('.slider').slick({
        dots: true,
        speed: 300,
        autoplay: true,
        autoplaySpeed: 2500,
        infinite: false,
        onAfterChange: function(slide, index) {
            if(index == 4) {
                $('.slider').slickPause();
            }
        }
    });
});

Попробуйте вот так