The following example displays the imBannerRotater plugin with rotating images. Use the mode:'rotate' option to rotate the images. The image names are stored in a comma separated list in a file named rotate.php (the name of the file does not matter).
joneil.jpg,scarter.jpg,djackson.jpg,tealc.jpg,cmitchell.jpg,vala.jpg
I could add the full path of each image (images/joneil.jpg, etc), but instead, I am going to use the base_path option of the plugin.
$(document).ready(function(){
$("#cast").imBannerRotater({
mode: 'rotate',
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({
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.