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.
Because I use floats for the demo pages, this example uses the iframe option. View the 'Fixed Position' example see how to create the plugin without an iframe.
Remember, the book pages are set to an absolute position (position:absolute) so you must use absolute positioning for all siblings of the book's parent container
$(document).ready( function() {
var myBook = $("#iframeCntnr").imBookFlip({
page_class: 'imBookPage',
iframe: {src: assets/iframesrc/book.php, book: 'myBook'}
});
myBook.create();
});
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.