2014-09-19 52 views
0

我试图错开一个NIVO滑块,以便在页面加载后开始8000ms,下一个在12000ms,并且他们保持错误4000ms每隔8000毫秒滑动一次。试图'交错'多个NIVO滑块,但他们总是同步

我有一个最小的jsfiddle显示了在这个问题:http://jsfiddle.net/0gfaaqp6/ - 基本上尝试使用的setTimeout二号滑块如下:

setTimeout($('#slider2').nivoSlider({pauseTime: 8000}), 4000); 

即使我由4000毫秒延迟第二滑块的开始,滑块仍然立即同步。 :(

我已经尝试过其他的尝试,以及与“beforeChange”功能和延迟,但我得到了相同的结果呀。两个滑块始终同步上涨(可能/略微相关的问题here

?任何人有任何想法如何错开滑动两个NIVO-滑块

回答

0

这里有一个工作拨弄我只是改变了定时的小,使之更加明显,他们交错http://jsfiddle.net/manishie/hmnsy848/

代码:

$('#slider1') 
    .nivoSlider({ 
    effect: 'random', // Specify sets like: 'fold,fade,sliceDown' 
    animSpeed: 500, // Slide transition speed 
    pauseTime: 3000, // How long each slide will show 
    directionNav: false, 
    controlNav: false, // 1,2,3... navigation 
    keyboardNav: false, // Use left & right arrows 
    pauseOnHover: false, // Stop animation while hovering 
    randomStart: false, // Start on a random slide 
}).delay(1000) 
    .queue(function() { 
    $('#slider2').nivoSlider({ 
     effect: 'random', // Specify sets like: 'fold,fade,sliceDown' 
     animSpeed: 500, // Slide transition speed 
     pauseTime: 3000, // How long each slide will show 
     directionNav: false, 
     controlNav: false, // 1,2,3... navigation 
     keyboardNav: false, // Use left & right arrows 
     pauseOnHover: false, // Stop animation while hovering 
     randomStart: false, // Start on a random slide 
    }); 
}); 
+0

啊哈! setTimeout不想这样做,但这个延迟/队列看起来很好。 谢谢! – JTarlow 2014-09-20 06:05:36