jQuery.popeye() est un plugin jQuery qui permet d’afficher vos images d’une façon quasiment identique à tous les plugins lightbox mais cette fois on peu naviguer dans un carrousel d’image et agrandir l’image voulue.

L’installation de ce plugin est très simple, voici le code HTML :

  • ...
  • ...

Et le Javascript :

// jQuery
$(document).ready(function() {
   $('.popeye').popeye(); // on active le plugin en prenant la classe mis dans le html
});

En utilisant la classe CSS popeye on active le plugin et on peut désormais naviguer dans nos photos de façon très simplifié et joli !