‹‹ cycle homejQuery Cycle Plugin - Multi-Effects Demo

All Effects

 

Scroll Effects

 
// use the 'all' fx option to randomly rotate through all available effects
$(document).ready(function() {
    $('#slideshow1').cycle({
		fx: 'all'
    });
});			

// or specify the exact effects you want using a comma delimited string;
// you can disable the effect randomization by setting the 
// 'randomizeEffects' option to false
$(document).ready(function() {
    $('#slideshow2').cycle({
		fx:              'scrollLeft,scrollDown,scrollRight,scrollUp',
		randomizeEffects: false,
		easing:          'easeInBack' // easing supported via the easing plugin
    });
});