【问题标题】:Slick Slider - Rewind to first slide when reached the lastSlick Slider - 到达最后一张幻灯片时倒回第一张幻灯片
【发布时间】:2017-11-27 19:46:43
【问题描述】:

我想让 Slick 轮播在到达最后一张幻灯片时回退到第一张幻灯片,我搜索了解决方案但没有找到任何解决方案。

这是 slick 的 JSFiddle,我想要像 the rewind feature of Owl Carousel 这样的东西。我会使用 Owl carousel,但 Slick 有一些我需要的功能,而 Owl Carousel 没有。如果有人知道如何做到这一点,我将不胜感激

$(".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>

【问题讨论】:

    标签: javascript jquery plugins slider slick.js


    【解决方案1】:

    根据this,你可以去掉{slidesToShow:1,},让你的滑块调用看起来像$(".slider").slick();

    此外,您共享的 jsfiddle 似乎正在运行,但您的集成代码 sn-p 演示上没有 jquery。也许这才是你真正的问题?

    【讨论】:

    • 我希望幻灯片在到达最后一张幻灯片时倒带,就像 owl carousel 一样,我不明白你的意思。
    • Slick carousel 会自动倒回到第一个。你的意思是倒带动作CSS?您没有在问题中指定。
    • 正常行为是无限循环,我想要的是倒带
    猜你喜欢
    • 2012-12-24
    • 1970-01-01
    • 2021-01-17
    • 2013-08-24
    • 2013-04-29
    • 1970-01-01
    • 1970-01-01
    • 2020-04-27
    • 2017-05-22
    相关资源
    最近更新 更多