PFold : un plugin jQuery permettant d'obtenir un effet de dépliage de papier
Ce plugin jQuery vous permet de déplier des éléments pour révéler davantage de contenu à la manière d'un morceau de papier qui a été plié. Un élément peut être déplié en 3D afin de révéler un autre contenu. La direction du dépliage et le nombres d'étapes sont paramétrables. Chaque étape va doubler la taille de l'élément.
Le concept est sympa mais notons toutefois que le projet est expérimental. D'ailleurs, pour les navigateurs qui ne supportent pas les transformations CSS 3D ou les transitions, le plus grand contenu apparaît alors sans étape.
Pour utiliser le plugin, définissez la structure suivante :
| Code html : | Sélectionner tout |
1 2 3 4 5 6 7 8 | <div id="uc-container" class="uc-container"> <div class="uc-initial-content"> <!-- contenu initial --> </div> <div class="uc-final-content"> <!-- cotenu final --> </div> </div> |
Vous pouver appeler le plugin de cette manière :
| Code javascript : | Sélectionner tout |
$('#uc-container').pfold();
Démo. Téléchargement. La page du projet.
Vous avez lu gratuitement 900 articles depuis plus d'un an.
Soutenez le club developpez.com en souscrivant un abonnement pour que nous puissions continuer à vous proposer des publications.
Soutenez le club developpez.com en souscrivant un abonnement pour que nous puissions continuer à vous proposer des publications.
