13 javascripts Lightbox images, galeries, vidéos
Ci-dessous une liste non exhaustive des différentes solutions de Lightbox pour vos images, photos, vidéos, html, etc. Et quelques plugins existants pour Wordpress et Dotclear. Pour ceux qui ne connaissent pas ou qui ne voient pas ce que c’est, euh… je les invite à regarder la page Wikipédia.
Edit du 21.01.2009 : Il y a maintenant 15 clones Lightbox de listés sur cette page.
Les classiques orientés images et photos
- Lightbox 2 : Peut-être le plus célèbre de tous, à base de Scriptaculous et prototype.
- Slimbox : Un clone du populaire Lightbox 2. Connu pour sa légèreté, pas plus de 7kb à base de Mootools.
- PopBox : L’effet d’apparition change des traditionnels lightbox, avec pas mal d’options disponibles.
- GreyBox : Permet de mettre du contenu, un site web ou des images dans un effet lightbox.
- FancyZoom : Du même genre que PopBox dans l’effet d’apparition, avec moins d’options.
- MooSlideBox : L’original du groupe avec un effet complètement à l’opposé des autres lightbox cités ci-dessus.
Les multitâches orientés images et contenus
- Highslide JS : Affichage des images avec différentes possibilités. HTML content, ajax, iframe, flash.
- Mediabox : Effet lightbox de base pour des vidéos mov ou wmv, Youtube, Dailymotion, etc. Flash (swf et flv).
- Shadowbox : Des options assez avancées pour les images (image maps, draggable, etc.). Tout type de vidéos et contenus.
- ThickBox : En jQuery, simple image ou galerie. Contenus en inline, iframed et ajax.
- Multibox : Pour les vidéos flv, mov, real et wmv. Player mp3. Page HTML ou site internet.
- Lightview : A base de Scriptaculous et prototype. Galerie d’images avec diaporama! Autres médias : Quicktime, ajax, swf, etc.
- Videbox : Lightbox spécialisé dans l’affichage des vidéos, Youtube, Metacafe, Google Video, etc.
- Sexy Lightbox 2 : A base de mootools, capable d’afficher une simple image comme une galerie, du contenus ou de la vidéo.
- Facebox : A base de jQuery, dans un look plus ou moins similaire à Facebook, images, divs, ajaxes, etc.
Les lightbox pour Wordpress et Dotclear
- Simple jQuery : Une version en jQuery pour Wordpress.
- Slimbox : La version de slimbox pour Wordpress.
- WP-Lightbox 2 : La version de Lightbox 2 pour Wordpress.
- WP-GreyBox : La version de greybox pour Wordpress.
- Picasa Lightbox : Un lighbox pour insérer vos albums picasa.
- dcjQueryLightBox : un clone compact de Lightbox JS pour Dotclear 2.
- DcLightbox : Intégration de Lightbox à Dotclear 2.
- Lite Box : Un visionneur d’images léger pour Dotclear 2.
- Slimbox : Un clone ultra compact pour Dotclear 2.
Conclusion et préférences
Mes préférés pour l’affichage d’images ou des photos sont Slimbox pour sa simplicité, légèreté et FancyZoom pour son originalité. Du côté des multitâches, Shadowbox est très complet avec des options pour les images vraiment intéressantes et Lightview pour la fonction diaporama ainsi que son aspect visuel.
Ce genre d’effet typiquement web 2.0 c’est fortement démocratisé depuis un moment, j’espère que vous trouverez votre bonheur avec cette liste. J’imagine qu’il en existe d’autres, mais il y a déjà de quoi faire non ? Bien sûr, si vous en connaissez qui ne sont pas dans cette liste, laissez moi un commentaire.
Edit : Une autre liste à découvrir avec 49 scripts.
Edit du 12-11-2008 : Ajout du lightbox Sexy Lightbox 2.
Edit du 21-01-2009 : Ajout du lightbox Facebox.
Salut, excellente liste dont je rajoute le lien à la grosse grosse liste ;)
Merci bruno pour cet ajout dans ce très bon billet, qui m’avait d’ailleurs aidé pour mon passage sous Wordpress ;)
Excellente liste, avec un très bon point pour « Shadowbox » que je ne connaissais pas, mais que je ne manquerais pas d’utiliser à l’avenir. En plus d’être complet, il dispose « d’adapters » pour toute les librairies JS courantes (JQuery, proto, mootools, …), du très beau travail. Et pour toi aussi, beau travail, et bonne idée les screenshots ;)
Merci pour cette précision Gyome. Et c’est vrai que Shadowbox est l’un des plus impressionnants!
Bel article! Je profite de mon passage sur ton blog pour signaler mon article concerant l’utilisation de Picasa couplé à Lightbox…
Mon article
Merci Marc, j’ai ajouté le plugin dans la liste!
J’ai recensé 49 scripts dans un billet où j’explique pourquoi j’ai choisi ClearBox et ShadowBox. Si cela intéresse quelqu’un, c’est ici :
http://1loup.net/index.php/200.....-lightbox2
@1loup : Merci pour cette liste que j’ai ajouté au billet.
aaah c’est juste EXCELLENT !!
merci pour toutes ces bonnes adresses
préférence pour Lightbox 2 même si je trouve un gros problème : on ne peut pas enregistrer les images avec le clic droit
// J’avoue,
sympa ce billet, c’est vrai qu’il en existe pas mal finalement de JS qui font tout ça, j’en connaissais quelques uns, mais pour être franc, pas tous.
Merci pour l’info //
Edit du 12-11-2008 : Ajout du lightbox Sexy Lightbox 2.
super
enfin une liste comme celle là, je viens d’essayer d’en tester plusieurs pour WP, je pense que le plugin lightbox est le mieux
existe t-il une possibilité de l’ajouter par défaut aux images insérées au site ?
@maison de retraite : Oui si tu cliques sur « cible du lien » et « lier à l’image ».
Edit du 21-01-2009 : Ajout du lightbox Facebox.
@Bouctoubou : merci du tuyau c’est cool ça me fait gagner du temps
Cette liste est vraiment superbe !
Merci beaucoup !
Très intéressant merci !
Un choix varié pour de bien jolis diaporamas.
Oui excellent! Dans la même idée: http://sebastien.pichonnat.ch/.....site-web-2
Personnellement je vous conseille le Mutibox avec Mootools que vous trouver ici http://www.liamsmart.co.uk/Downloads/multiBox/ car il y a quelques mises à jour ;-)
Bonjour,
Je souhaiterais savoir une lightbox peut etre considérée comme un pop-up?
Merci
Oui et non :) Les lightbox tentent de simuler l’aspect d’un pop-up, ce n’est pas une nouvelle fenêtre qui s’ouvre, mais une simple div par dessus.
Bonjour à tous,
je désirai savoir si il existe un javascript (ou une extension dreamweawer pour CS3) qui permettrait d’avoir la même chose que lightbox (que je viens d’essayer et que je trouve superbe mais avec l’inconvenient d’avoir toutes les vignettes de la série de photos que je souhaite montrer pour avoir la possibilité d’en faire un diaporama dans la mêm page)à partir d’images qui ne soient pas toutes dans la même page html ?
Merci de votre réponse.
Je sais, il existe Shadowbox3b, mais pour CS 4…
salut, moi j’ai trouvé grace a google une version de lightbox qui gère les animations flash, les vidéos …
et au moins cela utiliser jquery et ce n’est pas encore un script qui dans un an n’aura plus de support et que l’on devra jeter.
je suis webmaster et je peux vous assurez que j’en reviens de tous c’est clone qui au bout d’un an ne sont plus développé car le mec à trouvé un job ou une nana… :
http://www.emmanuel-leleu.com/.....ghtbox.php