« See all FAQs for Accentuate Premium HTML Theme / Business Portfolio

How do I change the speed of the NivoSlider?

The Nivo slider has loads of customization options. As is the theme uses the Nivo slider in its default form. The main code for the Nivo is in the <head> as follows:

<script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider(); }); </script>

To gain control of the speed and delay, we need to add a couple new rules. For example you can replace the above code with this:

<script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider({ effect:'random', //Specify sets like: 'fold,fade,sliceDown' slices:15, animSpeed:500, pauseTime:3000, }); }); </script>

There you can change the animation speed of 500 to whatever you want as well as the pause time of 3000 (3 seconds). You can also specify the effect instead of having it random and the number of slices in the transition animation. There are actually even more cool options with this slider, to see examples of them all head to: http://nivo.dev7studios.com/

by
by
by
by
by
by