GrassHopperPebbles.com Demos

JQuery Plugins

imBookFlip 1.3 - Auto Flip with Absolute Positioning

The following example displays the imBookFlip plugin without the iframe option (position: relative). The autoFlip option is set to 'auto', so the book will begin to autoflip as soon as the page loads. The audio begins immediately as well. You can debug your audio by setting debug to true in the sound_manager option.

$(document).ready( function() {
	var myBook = $("#myBook").imBookFlip({
		page_class: 'imBookPage',
		autoFlip: 'auto',
		autoFlipSpeed: 5000,
		sound_manager: {swf_loc: 'assets/js/soundmanager/soundmanager2.swf', audio_loc: 'assets/js/jquery/imbookflip/StarGate-SG1.mp3', debug: true}
	});
	myBook.create();
});	
#myBook {
	display:none;
	position: relative;
	width: 604px;
	height:362px;
	float:left;
	
}
.imBookPage {
	position:absolute;
	left:0px;
	top:0px;
	width: 300px;
	height:360px;
	color:#fff;
	overflow:hidden;
	border: solid 1px #000;
}	

View the source for this page to see how to setup the plugin. For documentation about the imBookFlip plugin, view the blog post.

Tags

, , , , , , ,