Slick停止循环

Question

我有一个使用slick.js的传送带，我让它工作的方式是，它显示一个图像1秒，然后移动到下一张幻灯片，自动播放视频时，完成后移动到下一张幻灯片，这也是一个image...my的问题是，当幻灯片循环回到第一张幻灯片，它停止自动播放，并只是“坚持”在第一个幻灯片后的第一个周期。我怎样才能让滑块在幻灯片中循环？

下面是我现在拥有的js：

jQuery(function($){

  var slider = $('.homeslider');

  slider.slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    arrows: false,
    fade: true,
    autoplay: true,
    autoplaySpeed: 100,
    infinate: true,
    loop: true,
  });

  slider.on('afterChange', function(event, slick, currentSlide) {
    var vid = $(slick.$slides[currentSlide]).find('video');
    if (vid.length > 0) {
      slider.slick('slickPause');
      $(vid).get(0).play();
    }
  });



  var durationList = $('.slider__item').map(function(index, item) {
    return item.getAttribute('data-time');
  });

  var slideIndex = 0;
  var changeSlide = function(timing) {
    setTimeout(function() {
      if (timing !== 0) {
        slider.slick('slickNext');
      }
      if (slideIndex >= durationList.length) slideIndex = 0;
      changeSlide(durationList[slideIndex++]);

    }, timing);
  }
  changeSlide(0);

});

HTML中的每张幻灯片都有一个数据时间值，它允许我为每张幻灯片设置一个我需要的时间。

Answer 1

我猜你的问题是一个打字错误，请纠正这个:无限==>无限

slider.slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    arrows: false,
    fade: true,
    autoplay: true,
    autoplaySpeed: 100,
    infinite: true,
    loop: true,
  });