May
10
Initial pause added for $.easy.rotate() and $.easy.cycle
Now we are able to define initial pause (timeout) for starting rotating child elements within functions $.easy.rotate() and $.easy.cycle()
The value of the parameter called initPause will define how long (in milliseconds) the script will wait before starting to rotate child elements. Default value for this option is zero, that means that both functions will act as they did before this update - they’ll start to rotate child elements instantly. But if you choose to hold off the rotation, now you can! :)
I find this particularly useful when you have several neighboring elements, all of them have rotating content, but you wish to create a rotation “wave” instead of synchronized transitions.
Here’s the sample usage:
$.easy.cycle({ selector: '#intro li:nth-child(1) .image', initPause:0 });
$.easy.cycle({ selector: '#intro li:nth-child(2) .image', initPause:200 });
$.easy.cycle({ selector: '#intro li:nth-child(3) .image', initPause:400 });
