Pause Nivo Slider

Question

Pause Nivo Slider

I want to pause the Nivo slider 5 seconds before it starts, but I will show the first image. So I need to add code to the property afterLoad, I believe.

I tried setTimout before running the slider code if it did not give the result that I would like.

Thanks, advanced!

Edit: Current Code

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

+3

loaded nivo-slider

PapaSmurf Nov 15 '11 at 11:25

source share

1 answer

Manticore · Accepted Answer · 2011-11-15T11:34:23+0000

I don't know your exact code, but you can use .stop () on it, and after 5 seconds you will run it again. .. <Up> $ ('# slider') data ('nivoslider') stop (); // Stop the slider .. $ ('# slider') data ('nivoslider') delay (5000) .start (); // Start slider

Correction (because in this case the delay does not work):

$(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);
});

Pause Nivo Slider

More articles: