光滑滑块 - 当到达最后一个时回退到第一张幻灯片

时间:2017-11-27 19:46:43

标签: javascript jquery plugins slider slick.js

我想让Slick旋转木马在到达最后一张幻灯片时回到第一张幻灯片,我搜索了一个解决方案,但没找到。

这是光滑的JSFiddle,我想要像the rewind feature of Owl Carousel这样的东西。我会使用猫头鹰旋转木马,但Slick有一些我需要的功能和猫头鹰旋转木马没有。如果有人知道如何做到这一点,我将不胜感激

$(".slider").slick({
  slidesToShow:1,
});
.slider {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider span {
  height: 200px;
  background: grey;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
<section class="slider">
  <span>slide1</span>
  <span>slide2</span>
  <span>slide3</span>
</section>

1 个答案:

答案 0 :(得分:0)

根据this,你可以取出{slidesToShow:1,}来使你的滑块看起来像$(".slider").slick();

此外,看起来您共享的jsfiddle正在运行,但您的集成代码段演示中没有jquery。也许这是你的真正问题?