Slick Slider - 增加幻灯片之间的持续时间
Slick Slider - Increase duration time between slides
这应该是非常直接的,但它打败了我。在这里查看我的光滑滑块:
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 新手的任何帮助!
autoplaySpeed
肯定是你要调整的参数。您通常不想直接在 Slick 库中更改默认值。相反,您应该在将 Slick 添加到页面上的元素时为每个幻灯片设置覆盖值。
将 Slick 添加到具有 class 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
(以及任何其他覆盖)。
这应该是非常直接的,但它打败了我。在这里查看我的光滑滑块:
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 新手的任何帮助!
autoplaySpeed
肯定是你要调整的参数。您通常不想直接在 Slick 库中更改默认值。相反,您应该在将 Slick 添加到页面上的元素时为每个幻灯片设置覆盖值。
将 Slick 添加到具有 class 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
(以及任何其他覆盖)。