Eklablog Tous les blogs Top blogs Technologie & Science Tous les blogs Technologie & Science
Editer l'article Suivre ce blog Administration + Créer mon blog
MENU

Les outils du web à portée de clic - infos, articles, conseils pratiques sur les outils internet.

Publicité

Lightbox jQuery : Colorbox et Slimbox

Outils

Commençons par le commencement: qu'est-ce qu'une lightbox ?

On appelle lightbox, une galerie d'images en Javascript intégrée à un site (pour faire simple). Vous en avez forcément vu : des petites vignettes et quand on clique dessus, magie de la technique, la vignette se transforme en belle et grande image. Le plus souvent, la fenêtre dans laquelle votre image vient d'apparaître vous permet de naviguer d'une image à l'autre sans retourner sur les vignettes : vous êtes dans une lightbox.

Cette formalité de définition passée, laissez-moi vous présenter deux petites perles dans le grand bazar de lightboxs que propose la toile : Colorbox et Slimbox.

ColorBox

Ses avantages sont clairement annoncés dans son sous-titre "A light-weight, customizable lightbox plugin for jQuery 1.3, 1.4, and 1.5". Bref elle est légère, personalisable et compatible. J'ajouterais également facile à prendre en main, ce qui ne gâche rien.

Téléchargeable sur le site de son éditeur (où vous trouverez plusieurs démo):
http://colorpowered.com/colorbox/

Slimbox 2

Dans le même genre, comme ça vous pourrez comparer, vous avez Slimbox 2 qui est réputée pour sa simplicité mais aussi son poid mini mini (5 Ko). Elle aussi personnalisable à souhait, elle a de bons échos (dont le mien).

Explication et téléchargement (en anglais) :
http://www.digitalia.be/software/slimbox2
Un petit tuto (en français) :
http://www.geekhelpme.fr/tutoriels/developpement/javascript-ajax/22-javascript-ajouter-un-effet-slimbox-a-vos-images.html

 

Publicité
Retour à l'accueil
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article