【问题标题】:Slick Slider - Increase duration time between slidesSlick Slider - 增加幻灯片之间的持续时间
【发布时间】:2020-05-25 21:01:21
【问题描述】:

这应该是非常直截了当的,但它打败了我。在这里查看我的光滑滑块:

https://www.ucd.ie/research/sandbox/uni-relations/gallery-01.html

我只是想增加用户阅读每张幻灯片上的文字的时间。现在好像是2.5秒左右。我想把它增加到大约 6 秒。

在下面的这个文件中,我尝试增加 autoplayTimeout 和 autoplaySpeed 的值,但没有区别:

https://www.ucd.ie/research/sandbox/uni-relations/slick.js

非常感谢对 javascript 新手的任何帮助!

【问题讨论】:

    标签: javascript animation slider slick.js


    【解决方案1】:

    autoplaySpeed绝对是你要调整的参数。您通常不想直接在 Slick 库中更改默认值。相反,您应该在将 Slick 添加到页面上的元素时为每个幻灯片设置覆盖值。

    将 Slick 添加到每个具有 slider__study 类的元素的代码位于 https://www.ucd.ie/graduatestudies/t4media/ucd-masters-2018.js(第 146 行)中,如下所示:

    $('.slider__study').slick({
        dots: true,
        arrows: true,
        autoplay: true,
        autoplaySpeed: 2000
    });
    

    您可以在此处设置覆盖 autoplaySpeed(以及任何其他覆盖)。

    【讨论】:

      猜你喜欢
      • 2018-02-08
      • 2018-02-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多