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.
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.
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.
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!
[...] ne peux que vous recommander cet article (un topo sur les différentes solutions de lightbox) qui m’a bien aidé dans ma démarche. [...]
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.
[...] 13 effets lightbox en Javascript pour afficher des images, des vidéos, des pages html, etc. Contient également quelques plugins WordPress et Dotclear pour en simplifier l’installation. [...]
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