Question

所以基本上我使用了一个光滑的滑块，它的工作正常，但是在它完成滑动我的所有图像后，它滑动到一个空白的白色背景，然后重置滑块。有什么办法可以让滑块在完成后重置回第一张幻灯片吗？

这是我正在使用的html：

<section id="home-slider">
<div class="row" style="position: relative;">

  <div class="slider responsive single-item" style="margin-bottom: 0;">
     <div><img src="http://placehold.it/1920x455"/></div>
     <div><img src="http://placehold.it/1920x455"/></div>
     <div><img src="http://placehold.it/1920x455"/></div>
     <div><img src="http://placehold.it/1920x455"/></div>
  </div>

</div>
</section>

我也在使用基础zurb，这就是为什么这是一个行类。这是我的javascript来控制我的滑块：

 $(document).ready(function(){
      $('.single-item').slick({
        autoplay: true,
        arrows: false,
        pauseOnHover: false,
        draggable: false,
        mobileFirst: true
      });
    });

感谢任何和所有答案。谢谢！

Answer 1

初始化时，将infinite: false属性添加到滑块。

 $(document).ready(function(){
    $('.single-item').slick({
        autoplay: true,
        arrows: false,
        pauseOnHover: false,
        draggable: false,
        mobileFirst: true,
        infinite: false
    });
 });

我的滑板滑动旋转木马有一个额外的白色幻灯片。有没有办法摆脱它？

1 个答案: