plugin jQuery mLivre : un flipbook javascript

Publié le 08 novembre 2011 par Mandonnaud

MLivre est un plugin sorti au début de l’été, transformant une suite d’images en un flipbook à la manière d’un magazine. L’utilisation est très simple : afficher une suite d’image de même taille dans un div puis lancer le plugin.

<div id="demo1"><img src="celestin/couverture.jpg" alt="" width="650" height="325" />
<img src="celestin/illustration2.jpg" alt="" width="650" height="325" />
<img src="celestin/illustration7.jpg" alt="" width="650" height="325" />
<img src="celestin/illustration10.jpg" alt="" width="650" height="325" />
<img src="celestin/illustration13.jpg" alt="" width="650" height="325" />
<img src="celestin/4couverture.jpg" alt="" width="650" height="325" /></div>
<script type="text/javascript">// <![CDATA[
  $('#demo1').mLivre({     width:650,     height:325   });
// ]]></script>

Des options, méthodes et événements pour personnaliser vos scripts

Les premières options sont obligatoires, width / height et parlent d’elles mêmes. dossier quant à lui permet de définir le chemin du dossier contenant quelques images nécessaires au bon fonctionnement du plugin afin de vous permettre de garder un minimum d’organisation dans votre ftp.

PageDefault permet de choisir la première page (ou image) qui doit être affichée, la première image est la numéro zéro

Loader active (ou désactive) le chargement des images avant l’affichage

Il reste comme dernière option over qui permet d’activer ou non l’animation au survole de la souris.

mLivre comporte également deux événements eventLoad appelés une fois que le livre est prêt à être affiché et eventOpen qui se lance à chaque changement de page !

Afin d’imaginer votre interface, les méthodes suivant et précédent permettent un changement de page et la méthode page vous permet, par exemple, d’ajouter une pagination !

Vous pouvez consulter des exemples dans la documentation sur http://www.le-pret-a-surfer.com/mLivre/

Vous souhaitez de nouvelle fonctionnalité ? n’hésitez pas à les proposer

Article en rapport :