blog sur le développement web, jquery,css3, Magento, Symphony, php et bien d'autres choses

Articles tagués ‘turn.js’

créer un flipbook facilement en php et javascript

Pour ceux qui veulent utiliser un flipbook pour donner l’effet qu’on lit leur site comme on lirait un livre, voici la très bonne librairie turn.js.

vous pourrez la trouver à cette adresse.

http://www.turnjs.com

 

voici un example brut de pomme en html tres mal fait mais fonctionnel ^^:

 
<html>
<HEAD>
 <STYLE type="text/css">
    #magazine{
        width:800px;
        height:400px;
    }
    
    #magazine .turn-page{
        width:400px;
        height:400px;
        background-color:#ccc;
        background-image:url('http://joyancona.com/wallpaper/old-paper-mac.jpg');
    }
    
 </STYLE>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="./flip.js"></script>

</HEAD>
<body>

<div id='magazine'>
    <div> Page 1 </div>
    <div> Page 2 </div>
    <div> Page 3 </div>
</div>
<script type="text/javascript">
$('#magazine').turn();
</script> 
</body>
</html>

 

Suivre

Recevez les nouvelles publications par mail.

Rejoignez 295 autres abonnés