0

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

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

2 ответа 2

2

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

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)
   };
 });
1
  • сработало, спасибо огромное!
    – EasyTactic
    5 мар 2018 в 11:18
0
$(document).ready(function() {
    $('.slider').slick({
        dots: true,
        speed: 300,
        autoplay: true,
        autoplaySpeed: 2500,
        infinite: false,
        onAfterChange: function(slide, index) {
            if(index == 4) {
                $('.slider').slickPause();
            }
        }
    });
});

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

3
  • не работает(. Если это что-то даст, в слайдере 4 слайда
    – EasyTactic
    5 мар 2018 в 11:00
  • index == 3, может так(там индексы с нуля вроде - могу ошибаться)
    – ruslik
    5 мар 2018 в 11:08
  • Я уже ставил даже index == 0, сама функция почему-то не работает.
    – EasyTactic
    5 мар 2018 в 11:11

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.