GrassHopperPebbles.com Demos

JQuery Plugins

gpImageRotate 0.5 - Curtains inOutIn x-Axis

The following example displays the gpImageRotate plugin in curtains mode with the transition_direction set to inOutIn.

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

.gpImageRotate-DisplayCntnr {
	position:relative;
	top:0;
	left:0;
}

IMG {
	border:none;
}	

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

Tags

, , , , , , , , , ,