GrassHopperPebbles.com Demos

JQuery Plugins

imBookFlip 1.3 - Go to a specific page

The following example displays the imBookFlip plugin using the goToPage method. The default value for the goToPageSpeed is 500 (miliseconds)
Note: Page Number 0 is the front cover.

$(document).ready( function() {
	var myBook = $("#iframeCntnr").imBookFlip({
		page_class: 'imBookPage',
		goToPageSpeed: 300,
		iframe: {src: assets/iframesrc/book.php, book: 'myBook'}
	});
	myBook.create();
	$('#pageControl').change(function() {
		if ($(this).selectedIndex != 0) {
			myBook.goToPage($(this).attr('value'));
		}
	});
});	

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

Tags

, , , , , , ,