Un lightbox pour mon site web!??

Facile de mettre un lightbox sur votre site Internet? Oui, mais quelle solution choisir en fonction de vos besoins…

Mais d’abord quels sont vos besoin? Animer une galerie d’image? Ajouter un formulaire de newsletter? Lire une vidéo? Eh bien cherchons une solution qui puisse faire cela ou retournons à la découverte du lightbox

Pour nous aider, rdv ici, cela nous permettra de découvrir les meilleures scripts actuels.

Selon ma lecture je comprends rapidement qu’il va me falloir utiliser un framework Javascript comme jQuery ou Prototype.

Ensuite il va falloir choisir une des méthodes présentées, alors en route!

Compatibilité

Premier problème… la compatibilité entre les différents framwork! Eh oui, si vous avez un système qui utilise déjà Prototype pour créer des effets de slides ou ordonner des tables alors il est fort probable que Jquery ne passe pas directement.

Une petit solution est disponible ici, mais je vous propose de l’oubiler de suite et de choisir une solution qui utilise un seul framwork.

#1 – Lightbox avec Prototype

Certainement l’un des plus célebres, le lightbox 2. Très design, sobre et facile à mettre en place. Un petit exemple sous www.mcarre.ch que je suis entrain de réaliser actuellement au sein de Performances.

Ce script est parfait pour vos galeries web!

#2 – Thickbox avec jQuery

Certainement moins beau que le lightbox 2, mais bien plus pratique! En effet, vous pouvez l’utiliser non seulement sur des images mais également avec de Inline content (un div dans votre page), avec un iFrame ou avec un contenu Ajax.

J’ai notamment utilisé cette solution sur le site Jan-Auto SA pour ajouter un iFrame d’AutoScout24 ou sur www.gaudard.ch pour la gestion des formulaire et de la partie membre.

#3 – Multibox avec Mootools

A mes yeux la meilleure solution! En effet, le résultat est visuellement soigné et vous pouvez l’utiliser sur des images, des flv, des swf ou des mp3. Il offre également la possibilité de faire un slidshow manuel sur vos galerie d’image. Voici le multibox de Phatfusion que vous trouvez en action sous la garderie Petites Couleurs à Denges avec le framework Mootools.

Pour conclure

Après avoir testé 7 ou 8 solutions, je vous invite à essayer ce Multibox. C’est la solution qui va répondre le plus souvant à vos attentes. Le seul problème actuel est la version utilisée: Mootools 1.1! Car aujourd’hui la version est la 1.2 qui n’est pas compatible avec sa petite soeur… mais cela va changer!

Liste des lightbox