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）是以毫秒为单位的延迟。我只想要一个非常短暂的延迟，所以这个方法对我有用，但图像在延迟期间显示加载图标，所以任何超过.5秒的东西看起来都很难看。

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

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

2 个答案: