Play/Pause Btn on Nivo Slider

Question

Does anyone know if there is way to add Play/Pause button to Nivo slider?

Many thanks,

Answer 1

Add the code below to your jquery ready function. The code adds two buttons for start and stop. The advantage of this code is that you don't have to modify the nivoslider.js. ;-)

var slider = jQuery('#slider');
var nivoStartStopControl = jQuery('<div class="nivo-startstopNav"></div>');

slider.after(nivoStartStopControl);
nivoStartStopControl.append('<a href="#" id="nivoStart"><span>START</span></a> <a href="#" id="nivoStop"><span>STOP</span></a>');

jQuery('#nivoStop').click( function(event) {
   event.preventDefault();
   slider.data('nivoslider').stop();
});

jQuery('#nivoStart').click( function(event) {
   event.preventDefault();
   slider.data('nivoslider').start();
});