The following example displays the imBannerRotater plugin with steps option (mode: steps). This option will display the images with a stair-step effect.
$(document).ready(function(){
$("#imImageRotateCntnr").imBannerRotater({
mode: 'steps',
steps_large_height: '400',
steps_small_height: '100',
interval: 8000,
speed: 2000,
easing: '',
return_type: 'json',
data_map: {
image_name: 'name',
url_name: 'url',
image_title: 'image_title',
image_desc: 'image_desc'
},
image_url: 'imbannerrotater/portfolio.php',
base_path: 'imbannerrotater/bobmarley/'
});
});
Set the steps_large_height and steps_small_height options to set the size of the images.
For documentation about the imBannerRotater plugin, view the blog post.