Turn.js : une librairie JQuery pour un catalogue avec du contenu HTML

Turn.js est une librairie JQuery qui vous permet de mettre votre contenu HTML sous forme de livre. Cela y ajoute aussi des transitions de changement de page ce qui le rend assez intéractif. Les changements de pages peuvent aussi bien être effectués comme on le ferait avec un livre ou un magazine de façon naturelle d’un simple clique sur les coins des pages, ou en utilisant les flèches de son clavier.

 

En voici un exemple d’intégration:

#magazine{
	width:800px;
	height:400px;
}
#magazine .turn-page{
	width:400px;
	height:400px;
	background-color:#ccc;
}

<div id='magazine'>
	<div> Page 1 </div>
	<div> Page 2 </div>
	<div> Page 3 </div>
</div>

$('#magazine').turn();

La compatibilité smartphone est assurée. Vous pouvez retrouver cette librairie sur github et pour le site c’est par la : turnjs.com

On ressent bien le style livre ou magazine, qu’en pensez vous ?