Booklet - jQuery Plugin


Add CSS and Javascript

Add the booklet CSS file to your page.

Add jQuery, jQuery UI (optional), jQuery Easing Plugin and the Booklet JS files to your page.

Create the Content

To create a booklet you must first place the content for the book onto your page.

  1. Make an outside container <div> and give it an identifier like an ID or Class.
  2. Inside of your container, add your pages. The booklet will recognize each direct children as a slide, which could contain content or be a single item.

The following shows a simple four page book.

Initialize the Booklet

Using jQuery selectors initialize your booklet. You can setup multiple books either with the same class or within the same selector, as long as you want their options to be the same.

For more information on customization, visit the Documentation page