在同一页上的多个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滑块的不同延迟

回答

相关问题