【问题标题】:Enabling infinite looping for slick carousel为光滑的轮播启用无限循环
【发布时间】:2020-04-15 19:34:46
【问题描述】:

我有一个光滑的轮播,有 3 张幻灯片要显示,并将 slidestoscroll 保持为 1。现在,即使我保持无限为真,我也无法让任何轮播保持静止。

我需要它在无限循环中运行。

有人可以帮忙吗? 示例代码

<div style="background: #3498db; padding: 100px; margin: 10px;">
<div class="large-slick">
    <div><h1>1</h1></div>
    <div><h1>2</h1></div>
    <div><h1>3</h1></div>
</div>

Jquery:
$('.large-slick').slick({
        infinite: true,
        speed: 300,
        slidesToShow: 3,
        slidesToScroll: 1,
        arrows: true,
        asNavFor: '.small-slick'
    });

【问题讨论】:

标签: jquery html slick.js


【解决方案1】:

只需将 autoplay: true, 添加到您的 jquery http://kenwheeler.github.io/slick/

【讨论】:

  • 我不希望轮播自动运行,它应该只在点击箭头时移动。
  • 您是否将 slick.js 添加到您的标题中?你能提供更多代码吗?您在控制台中遇到了什么样的错误?
  • 是的,我已经包括在内,我唯一的疑问是因为我没有第四张幻灯片,所以我没有得到轮播。我尝试添加第四张幻灯片,发现轮播运行良好。
猜你喜欢
  • 2015-08-11
  • 1970-01-01
  • 2016-01-26
  • 1970-01-01
  • 1970-01-01
  • 2022-11-08
  • 1970-01-01
  • 2018-01-06
  • 1970-01-01
相关资源
最近更新 更多