Sondage du mois

Sondage du mois
 

  La connaissance ne vaut que si elle est partagée par tous




 
  Astuce Adobe Photoshop : Raccourci outil Main : Touche H




Les tutoriaux: Index » Jquery » ScriptsJquery » Plugin chocolat par Balboulloude

Introduction

  • Tutoriel posté par Balboulloude
  • 979 lectures
  • Mis en ligne le 27-02-2011
  • Dernière mise à jour le 27-02-2011
  • Ce tutoriel a été estimé comme simple.


Automatic Translations:
Translate Into English Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese

Plugin jQuery: Lightbox par Balboulloude.

Méthodologie
Salut

J'ai codé mon premier plugin jquery, hihi c'est basé sur mes fonctions pour insipi.de mais c'est modifié de manière à être utilisable par le commun des mortels.
Le principe est assez simple, il s'agit de parcourir une série d'image de manière cool(...) il faut créer une liste d'image ainsi:
CODE HTML


<ul class="choco" title="titre de la srie">
    <li title="legende de l'image">adresse/premiere-image.jpg</li>
    <li title="legende de l'image">adresse/deuxieme-image.jpg</li>
</ul>



puis on appelle chocolat sur l'element <ul>
CODE PHP


$(document).ready(function(){
    $(function() {
        $('.choco').Chocolat();
    });
});

la liste d'image est transformée en un bête lien qui ouvre la série...

puis après y'a plein de possibilités de paramétrage qui sont détaillées ici :
http://chocolat.insipi.de/documentation.html

Vous pouvez créer plusieurs séries et tout et tout :D

Si je viens ici c'est pour que vous me disiez après une lecture de mon code comment vous amélioriez le tout...
Pour télécharger le css, le js, une démo et tout ce qu'il faut rendez vous sur la page du projet ici :

http://chocolat.insipi.de/

Merci les zamis
Notes

  Evaluez le tutorial (2 Votes)

2
0
0

Pour les questions ou d'éventuelles remarques, dirigez vous vers le forum.

Réagir sur ce tutoriel - [Jquery] Plugin chocolat par Balboulloude

DERNIÈRES PUBLICATIONS DE OPEN-MOUTHED

En direct de open-mouthed.com