Bonjour
Je viens de découvrir une librairie ( ou framework ) js très intéressante: ElementTransition.js, elle permet de réaliser très facilement des transitions entre deux divisions :
https://github.com/dan-silver/ElementTransitions.js ( projet gitub )
http://dan-silver.github.io/ElementTransitions.js page d'exemples
Cependant je n'arrive pas à la mettre en place sur ma page html, après avoir telechargé le projet sur github, j'ai dupliqué la page index.html et vidé le body pour repartir de 0 ( toutes les sources sont bien linkées ) mais je n'arrive pas à obtenir le résultat, les pages restent statiques .
Quelqu'un aurait-il saisi a logique ? J'ai bien compris que c'est dans les attributs de la balise div que l'on indique les transitions, mais comment les déclencher ??
pour l'instant j'ai fait un simple copier-coller du premier code de la page d'exemples ( le 2eme lien ), mes 2 div sont tout bêtement l'une sur l'autre :
Voilà, j’espère qu'il y en a qui pourront m'aider , bonne soirée
Modifié par Rafkraft (24 Nov 2013 - 19:15)
Je viens de découvrir une librairie ( ou framework ) js très intéressante: ElementTransition.js, elle permet de réaliser très facilement des transitions entre deux divisions :
https://github.com/dan-silver/ElementTransitions.js ( projet gitub )
http://dan-silver.github.io/ElementTransitions.js page d'exemples
Cependant je n'arrive pas à la mettre en place sur ma page html, après avoir telechargé le projet sur github, j'ai dupliqué la page index.html et vidé le body pour repartir de 0 ( toutes les sources sont bien linkées ) mais je n'arrive pas à obtenir le résultat, les pages restent statiques .
Quelqu'un aurait-il saisi a logique ? J'ai bien compris que c'est dans les attributs de la balise div que l'on indique les transitions, mais comment les déclencher ??
pour l'instant j'ai fait un simple copier-coller du premier code de la page d'exemples ( le 2eme lien ), mes 2 div sont tout bêtement l'une sur l'autre :
<div class="et-wrapper et-rotate" et-in="rotateSlideIn" et-out="rotateSlideOut">
<div class="et-page">
<h2>Page 1</h2>
</div>
<div class="et-page">
<h2>Page 2</h2>
</div>
</div>
Voilà, j’espère qu'il y en a qui pourront m'aider , bonne soirée
Modifié par Rafkraft (24 Nov 2013 - 19:15)