GrassHopperPebbles.com Demos

JQuery Plugins

imBookFlip 1.3 - Controlled by Button

The following example displays the imBookFlip plugin using buttons to control the page turn.

$(document).ready( function() {
	var myBook = $("#iframeCntnr").imBookFlip({
		page_class: 'imBookPage',
		iframe: {src: 'assets/iframesrc/book.php', book: 'myBook'}
	});
	myBook.create();
	$('#nextButton').click(function() {
		myBook.flipPage('next');
	});
	$('#prevButton').click(function() {
		myBook.flipPage('previous');
	});
});	

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

, , , , , , ,