Booklet est un plugin JQuery qui vous permet de faire des EBooks designs et très configurables.

Pratique, il vous permettra de mettre en place des catalogues ou encore des livres bien sympas sur vos sites !

Les pages se tournent avec fluidité, et le plugin est compatible IE6.



Code:

Côte code, il faut bien entendu inclure dans votre page la librairie JQuery, mais aussi le plugin easing pour les animations du livre, et bien entendu, le plugin Booklet lui-même ainsi que son fichier CSS.

Le code HTML est simple, votre livre est représenté par un conteneur auquel vous attribuez un ID ou une class, dans cet exemple il est représenté par l'ID "mybook". A l'intérieur de ce conteneur, vous ajoutez un sous-conteneur de class "b-load": cette dernière permet de simuler un slide. Enfin, ajoutez les blocs qui correspondront à vos pages:

01.<div id="mybook">
02.<div class="b-load">
03.<div>
04.<h3>Yay, Page 1!</h3>
05.</div>
06.<div>
07.<h3>Yay, Page 2!</h3>
08.</div>
09.<div>
10.<h3>Yay, Page 3!</h3>
11.</div>
12.<div>
13.<h3>Yay, Page 4!</h3>
14.</div>
15.</div>
16.</div>

Pour initialiser l'EBook, appelez la fonction booklet pour votre conteneur:

1.$('#mybook').booklet();

Vous pouvez également ajouter des options qui se trouvent sur cette page, lors de l'initiation de votre EBook.

Par exemple, pour une vitesse de changement des pages rapide:

1.$('#mybook').booklet({ speed: 300 });

LIEN