Nivo slider: trying to increase rotation speed

user1634459 picture user1634459 · May 20, 2013 · Viewed 8.2k times · Source

I'm working on a site that uses the nivo slider. It's working fine...just the images don't move fast enough. I read the documentation, and made the following changes in the jquery.nivo.slider.js file:

animSpeed: 1000,
pauseTime: 1000,

to animSpeed: 10, pauseTime: 50,

My problem? I can't get the sliders to auto-rotate at all!

Can someone give me any pointers?

http://dev.htnbank.com

Using jQuery 1.9.1. Other than the speed being...well, not moving, the nivo slider works fine.

Answer

Joe picture Joe · May 21, 2013

Currently you have this in your js file called main (lines 59-64):

$('#slider').nivoSlider({ 
    effect: 'fade',  
    pauseTime: 3000000, // <- this is causing your problems
    directionNav: true, 
    customChange: function(){Cufon.replace('.nivo-caption');}
});

The pauseTime option is making the slide wait 50 minutes in between each slide. You've changed the nivoSlider default settings in jquery.nivo.slider.js but the options from the code above are overwriting it. This is what you should change it to:

$('#slider').nivoSlider({ 
    effect: 'fade',
    animSpeed: 500,
    pauseTime: 500,
    directionNav: true, 
    customChange: function(){Cufon.replace('.nivo-caption');}
});

I used 500ms for both options as the values you wanted to use would make the slides move so fast that no one would be able to view them.