在同一頁上的多個nivo滑塊的不同延遲

我發現Nivo滑塊非常有前途，我已經在幾個新項目中實現了它。但是，現在，我想在同一頁面上有多個（2到3個）滑塊。這個有可能。但是我想讓他們每個人在最後一個延遲之後開始。例如，第一個加載頁面加載，第二個，之後1秒等等。我提到了社區的支持，並找到了這篇文章。 http://dev7studios.com/support/#/discussion/212 但是，即使這樣也解決不了。請幫助我一樣。非常感謝。在同一頁上的多個nivo滑塊的不同延遲

來源

2011-08-11 Taha M. Asadullah

$('#slider1').nivoSlider() 
    .delay(1000) 
    .queue(function(){ 
     $('#slider2').nivoSlider() 
      .delay(1000) 
      .queue(function(){ 
       $('#slider3').nivoSlider(); 
      }); 
    });

http://jsfiddle.net/LfkkF/17/

來源

2011-08-11 01:09:14

由於源頁面的資源已被刪除，因此您的示例不再有效。你知道如何使它與新版本一起工作嗎？ – Lucio

我用CDN和GitHub替換了外部資源 –

我不能得到上述答覆工作，使我實現了一個JavaScript的延遲，像這樣：

$(window).load(function() { 

setTimeout(function() {$('#slider3').nivoSlider({ 
    directionNav : false, 
    controlNav: false, 
    });},250); 

});

與正在以毫秒爲單位的延遲數（250）。我只想要一個非常短暫的延遲，所以這種方法對我很有用，但圖像在延遲期間顯示一個加載圖標，所以任何超過.5秒的東西都會讓我看起來很醜。

這裏是我找到方法的地方。 http://www.sean.co.uk/a/webdesign/javascriptdelay.shtm

來源

2012-04-17 12:27:08

在同一頁上的多個nivo滑塊的不同延遲

回答

相關問題