The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. Its also another example of what makes jQuery so awesome. So lets get right into it. We want to vary the time it takes for a each slide to seen. Turns out, the JQuery cycle developers catered for this. Here is the code, which is also available on the cycle plugin site.

http://jquery.malsup.com/cycle/

{code type=javascript}
$(function() {
$(‘#s1’).cycle({
delay: -2000,
fx: ‘shuffle’,
speed: ‘fast’,
timeoutFn: calculateTimeout
});
});

// timeouts per slide (in seconds)
var timeouts = [2,4,2];
function calculateTimeout(currElement, nextElement, opts, isForward) {
var index = opts.currSlide;
return timeouts[index] * 1000;
}
{/code}