Partagez l'article !Share on Facebook0Tweet about this on TwitterShare on Google+0Share on LinkedIn0Pin on Pinterest0Share on StumbleUpon0Share on Tumblr0

turn-js-jquery-magazine
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 ?

Partagez l'article !Share on Facebook0Tweet about this on TwitterShare on Google+0Share on LinkedIn0Pin on Pinterest0Share on StumbleUpon0Share on Tumblr0