javascript - 同一页面上多个 nivo 滑块的不同延迟

Question

我发现 Nivo 滑块很有前途，我已经在我的几个新项目中实现了它。但是，现在，我想在同一页面上有多个（2 到 3 个）滑块。这个有可能。但我希望他们每个人都在相对于最后一个延迟一定的延迟后开始。例如，第一个在页面加载时加载，第二个在页面加载后加载 1 秒，依此类推。我参考了社区支持并找到了这篇文章。 http://dev7studios.com/support/#/discussion/212 但是，即使这样也不能解决它。请帮助我。非常感谢。

Answer 1

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

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

Answer 2

我无法得到上述答案，所以我实现了一个 javascript 延迟，如下所示：

    $(window).load(function() {

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

});

数字 (250) 是以毫秒为单位的延迟。我只想要一个很短的延迟，所以这个方法对我有用，但是图像在延迟期间显示一个加载图标，所以我猜任何超过 0.5 秒的东西都会看起来很难看。

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