滑动滑块-增加幻灯片之间的持续时间

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了滑动滑块-增加幻灯片之间的持续时间相关的知识,希望对你有一定的参考价值。

这应该是非常简单的方法,但是它却在击败我。在这里查看我光滑的滑块:

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添加到每个具有类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(和其他任何覆盖)。

以上是关于滑动滑块-增加幻灯片之间的持续时间的主要内容,如果未能解决你的问题,请参考以下文章

如何将幻灯片与滑动器滑块对齐?

Slick.js:滑动滑块未正确拖动(快速回到第一张幻灯片)

离子滑动循环技巧 - 不更新

Coda 滑块在第 12 个幻灯片项目后退出

无限水平滑块显示不止一张幻灯片,悬停时有暂停动画

Bootstrap carousel:如何同时滑动两个 carousel 滑块?