GrassHopperPebbles.com Demos

JQuery Plugins

gpImageRotate 0.5 - Blinds y-Axis

The following example displays the gpImageRotate plugin in blinds mode. I also set the transition_axis to y

$(document).ready(function(){
	$("#cast").gpImageRotate({
	    mode: 'blinds',
	    transition_axis: 'y',
	    interval: 5000,
		data_map: {
			image_name: 'name',
			url_name: 'url'
		},
		image_url: "random.php",
		base_path: "imagerotate/"
	});
});	
#cast {
	position:relative;
	margin-left:40px;
	margin-top:20px;
	height:100px;
	width:150px;
}

.gpImageRotate-DisplayCntnr {
	position:absolute;
	top:0;
	left:0;
	height:100px;
}

IMG {
	border:none;
}		

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

Tags

, , , , , , , , , ,