Question

我想让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>

Answer 1

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

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

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

1 个答案: