Franc83

Lightbox JS v2.0

by Lokesh Dhakar

Traduit par Albidochon

Exemple de diaporama simple

Voici un exemple de "Diaporama" que l'on peut réaliser avec cet outil, cliquez sur les vignettes :

Exemple de diaporama en série

Voici un exemple de "Diaporama" en série, cliquez sur les vignettes et cherchez avec la souris "next" ou "prev" sur les images :

Téléchargez le pack d'installation :

Vous trouverez le pack d'installation de la lightbox V2 ici :

Manuel d'utilisation:

Première partie - Mise en place

La Lightbox v2.0 utilise les librairies d'effets "scriptaculous" et "prototype" en plus de la librairie lightbox. Vous devrez déclarer ces trois scripts dans votre header ou dans l'en-tête de votre blog.

Ajouter le lien externe au fichier "Lightbox CSS" si il y a lieu, toujours dans l'en-tête de votre blog, ou intégrer le contenu du fichier dans votre css pour déclarer les styles de la Lightbox.

Vérifier le lightbox.css et asssurez vous que les références aux fichiers prevlabel.gif ,nextlabel.gif et blank.gif soient bien à la bonne URL. Assurez vous aussi que le loading.gif et closelabel.gif soient correctement référencés (que l'url soit correcte) dans le lightbox.js. ils se situent près du début du fichier lightbox.js

Seconde partie - Activation

Ajouter l'attribut rel="lightbox" à chague tag href auquel vous voulez appliquer l'activation de la lightbox. Par exemple :

utiliser l'attribut title si vous voulez écrire une légende.>

Si vous avez un ensemble d'image sur un thème commun que vous aimeriez regrouper, passez par l'étape une, mais incluer en plus un nom de groupe entre les crochets dans l'attribut "rel". Par exemple :

Il n'y a pas de limites au nombre d'images à regrouper dans une page ainsi que du nombre d'images regroupées dans un bloc "nom de groupe".
........ Amusez vous bien !

Commentaires (1)

1. lightbox ... problème Ecrit par dough, le 03-07-2010 16:24 Bonjour,  J'ai placé la Lightbox, elle marche NICKEL !!!! Sauf lorsque je upload le tout sur mon serveur, alors, finie la lightbox, j'ai juste un pop-up avec l'image totalement décentrée vrs la gauche.  Une idée pour résoudre le problème?

Commenter
Les messages comportant des attaques verbales contre les personnes seront supprimés. Vous pouvez renouveler le code de sécurité en appliquant un rafraîchissement à votre navigateur. Appliquer cette méthode de rafraîchissement si vous avez entré un mauvais code de sécurité.
Nom
E-mail
Site web
Titre
BBCode:
Commentaire
Code:*
	Je désire être prévenu par mail des commentaires qui suivront

Powered by AkoComment Tweaked Special Edition v.1.4.6
AkoComment © Copyright 2004 by Arthur Konze - www.mamboportal.com
All right reserved