GrassHopperPebbles.com Demos

JQuery Plugins

imBookFlip 1.3 - autoFlip: off

The following example displays the imBookFlip plugin using the default mode (autoFlip = off). This requires the user to click on the pages to go to next and previous pages.
Also, this example loads the book from an iframe.

$(document).ready( function() {
	var myBook = $("#iframeCntnr").imBookFlip({
		page_class: 'imBookPage',
		iframe: {src: assets/iframesrc/book.php, book: 'myBook'}
	});
	myBook.create();
});	
.imBookPage {
	position:absolute;
	left:0px;
	top:0px;
	width: 300px;
	height:360px;
	color:#fff;
	overflow:hidden;
	border: solid 1px #000;
}
#iframeCntnr {
	width:604px;
	height:362px;
	padding:0;
	float:left;
}	

Click on each page to see the page turn effect. For documentation about the imBookFlip plugin, view the blog post.

Tags

, , , , , , ,