prettyPhoto, jQuery lightbox clone

prettyPhoto est une script jQuery permettant d’afficher une image (et plus…) dans une lightbox.

En effet, prettyPhoto ne se contente pas d’afficher une image, il peut également afficher des vidéos, des fichiers flash, des séquences YouTube, des iFrames. Ce script est compatible avec tous les navigateurs majeurs :

  • Firefox 2.0+
  • Safari 3.1.1+
  • Opera 9+
  • Internet Explorer 6.0+

prettyPhoto est très simple à installer. Dans le « header » de votre page internet, ajoutez le fichier jQuery, le javascipt de prettyPhoto ainsi que le fichier css dédié. Avant de refermer le « body », insérez 4 lignes de codes javascript… et sur les liens de vos images (le tag « a href= »), ajoutez simplement une relation faisant référence à la classe prettyphoto (par ex : rel= »prettyPhoto[flash], rel= »prettyPhoto[movies] etc. C’est tout !

Enfin, le design du lightbox est tout simplement superbe et l’auteur a décliné 5 versions différentes… et si cela ne vous convenez pas, vous pourrez le personnaliser.

Site Internet : prettyPhoto
Licence : Creative Commons

Leave a Reply