暂停 Nivo 滑块

Question

我想在 Nivo 滑块运行前将其暂停 5 秒钟，但会显示第一张图片。所以我需要在属性afterLoad 中添加一些代码，我相信。

在运行滑块代码之前我已经尝试过setTimout，因为它没有给出我想要的结果。

这是我当前的代码：

$(window).load(function(){
    $('#slider').nivoSlider({
        animSpeed: 500,
        pauseTime: 4000,
        effect : 'boxRain',
        directionNav : false,
        controlNav: false,
        afterLoad: function(){
            //$('#slider').data('nivoslider').stop();       
        }
    });
});

Answer 1

我不知道您的确切代码，但您可以在其上使用 .stop() 并在 5 秒后重新启动它。 $('#slider').data('nivoslider').stop(); //停止滑块 $('#slider').data('nivoslider').delay(5000).start(); //启动滑块

更正（因为在这种情况下延迟不起作用）：

$(window).load(function(){
  $('#slider').nivoSlider({
   animSpeed: 500,
   pauseTime: 4000,
   effect : 'boxRain',
   directionNav : false,
   controlNav: false,
  });
  jQuery('#slider').data('nivoslider').stop();
  setTimeout("jQuery(#slider').data('nivoslider').start()",5000);
});