GrassHopperPebbles.com Demos

JQuery Plugins

gpImageRotate 0.5 - Fade Out

The following example displays the imBannerRotater plugin with the rotating interval option. To use this option, set the mode option to rotate and set the interval option. The interval option is the amount of time (in milliseconds) that you want wait before the next image rotates. For instance, 5000 milliseconds = 5 seconds.

$(document).ready(function(){
	$("#cast").imBannerRotater({
	    mode: 'fade',
	    interval: 5000,
		image_url: 'rotate.php',
		base_path: 'images/'
	});
});	

You can also use the images option to store the files (instead of using the images_url option and loading a file via ajax ).

$(document).ready(function(){
	$("#cast").imBannerRotater({
		mode: 'fade',
		interval: 5000,
		images: 'joneil.jpg,scarter.jpg,djackson.jpg,tealc.jpg,cmitchell.jpg,vala.jpg',
		base_path: 'images/'
	});
});	

For documentation about the imBannerRotater plugin, view the blog post.

Tags

, , , , , , , , , ,