2014-09-19 22 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