The following example displays the imBannerRotater plugin with portfolio option (mode: portfolio). This option is similar to the carousel mode option. Set the interval option - the amount of time (in milliseconds) that you want the portfolio to change. For instance, 5000 milliseconds = 5 seconds.
$(document).ready(function(){
$("#imImageRotateCntnr").imBannerRotater({
mode: 'portfolio',
interval: 8000,
speed: 2000,
return_type: 'json',
data_map: {
image_name: 'name',
url_name: 'url',
image_title: 'image_title',
image_desc: 'image_desc'
},
image_url: "portfolio.php'",
base_path: "images/"
});
});
I've also set the image_title and image_desc in the data_map option. The default option for the display of the title and description is onhover, so the container will display when the user moves their mouse over the image.
[{"name": "bobmarley.jpg", "url": "http://www.bobmarley.com", "image_title": "Bob Marley", "image_desc": "Bob Marley was a hero figure, in the classic mythological sense."},
{"name": "burnin.jpg", "url": "http://en.wikipedia.org/wiki/Burnin%27_%28The_Wailers_album%29", "image_title": "Burnin", "image_desc": "Burnin is a roots reggae album by The Wailers, "},
{"name": "confrontation.jpg", "url": "http://en.wikipedia.org/wiki/Confrontation_%28album%29", "image_title": "Confrontation", "image_desc": "Confrontation is a roots reggae album by "},
{"name": "exodus.jpg", "url": "http://en.wikipedia.org/wiki/Exodus_%28Bob_Marley_%26_The_Wailers_album%29", "image_title": "Exodus", "image_desc": "Exodus is the ninth studio album by "},
{"name": "rastaman_vibration.jpg", "url": "http://en.wikipedia.org/wiki/Rastaman_Vibration", "image_title": "Rastaman Vibration", "image_desc": "Rastaman Vibration is a roots reggae "},
{"name": "survival.jpg", "url": "http://en.wikipedia.org/wiki/Survival_%28Bob_Marley_%26_The_Wailers_album%29", "image_title": "Survival", "image_desc": "Survival is a roots reggae "},
{"name": "uprising.jpg", "url": "http://en.wikipedia.org/wiki/Uprising_%28album%29", "image_title": "Uprising", "image_desc": "Uprising is a 1980 roots reggae album by Bob Marley & "}]
For documentation about the imBannerRotater plugin, view the blog post.