jquery - 如何在 nivo slider 运行时更改其参数？

Question

所以我的页面上有一个 NivoSlider。我的问题是，我希望第一张幻灯片只显示 2 秒，所有其他幻灯片显示 5 秒(第一张幻灯片只是一些文本“产品版本 2 在这里”)。我怎样才能做到这一点？我在 http://nivo.dev7studios.com/support/ 没有找到任何(好的)文档.

这是我尝试过的:

<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider({
        pauseTime:2000,
        pauseOnHover: false,
        controlNav:false,
        directionNav:true,
        directionNavHide:true,
        effect:'sliceDown',
        captionOpacity: 0.9,
        afterChange: function(){$('#slider').nivoSlider().defaults({pauseTime:5000})}       
    });
});
</script>

最后一行 afterChange: function(){$('#slider').nivoSlider().defaults({pauseTime:5000})} 被调用，但我尝试更改初始设置失败 - 它只会破坏动画(从一张幻灯片翻转到下一张没有动画)并且不会更改暂停时间。

有谁知道如何更改运行时幻灯片之间的暂停/延迟？

Answer 1

我遇到了同样的问题，因为我有一个页面上有 3 个 slider ，我们希望其中 1 个 slider 每 5 秒更改一次，这意味着虽然每个 slider 有 15 秒的暂停时间，但第二个 slider 需要 5 秒的延迟，并且第三个需要延迟 10 秒。我尝试了上述解决方案和许多其他解决方案，但无法使其与多个 slider 一起使用。我最终通过添加新设置“recurPauseTime”来修复它，然后将以下内容添加到 nivo:animFinished 函数中:

clearInterval(timer);
timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.recurPauseTime);

这允许我将其设置为:

slider 1:

pauseTime: 5000,
recurPauseTime:15000 

slider 2:

pauseTime: 10000,
recurPauseTime:15000 

slider 3:

pauseTime: 15000,
recurPauseTime:15000