Installation de Lightbox 2 en Francais

Installer lightbox 2 sur son site
Lightbox 2 est un script qui permet d'afficher vos images de manière originale.
Comment l'installer ?

Télécharger les fichiers sur http://studio-adsense.blogspot.com/2008/03/lightbox-2-en-francais.html
Cliquez sur la seconde image de la page ci-contre-->
Dézippez le dossier qui est une version francisée

Contenu du dossier
Un dossier CSS
Un dossier images
Un dossier Javascript
Un document Web

Insertion dans votre projet
Copier tous les dossiers à la racine de votre site en local ou sur votre serveur
Ne copiez pas la page index
Ci-contre le cas sur adonfff.com

Modification de vos pages
Ouvrez votre document en mode texte et repérez un code comme ci-contre
Dans l'exemple, thumb-1.jpg est une miniature. Un clic sur cette image mène vers une page qui affiche image-1.jpg

Modification de vos pages
Ajoutez l'attribut rel= « lightbox » à la balise a
Cette modification n'affecte en rien l'affichage. C'est l'avantage du script qui n'est pas intrusif.

Lien avec les scripts et les CSS
Entre les balises head ajouter les 4 lignes ci-dessous : une ligne pour les CSS, 3 lignes pour les scripts et c'est fini !

Variante
Dans le cas où vous voulez mettre plusieurs photos en série, ajoutez l'attribut rel= « lightbox[mot_quelconque] » à chaque balise a qui entoure la balise img

Problèmes : point à vérifier !
La page est-elle correctement liée aux fichiers ?
Dans le cas ou votre page se trouve dans un sous dossier, ajouter ../ comme ci-dessous
Dans le doute mettez un lien absolu vers les fichiers. Ex : http://nom-de-domaine.com/js/prototype.js

Commentaires
Si ce tutoriel vous a été utile, un commentaire sur mon blog est comme un remerciement http://studio-adsense.blogspot.com/
N'hésitez pas également à mettre un commentaire si ça ne fonctionne pas ou si vous avez trouvé une coquille
Logiciels ayant servi à la réalisation de ce tuto : OOo Impress, SnagIt, NotePad++, Firefox
Script original : http://www.huddletogether.com/projects/lightbox2/

http://www.website-developer.fr	3185
http://studio-adsense.blogspot.com	1676
http://vaneoo-sexy.blogspot.com	222
http://www.slideshare.net	113
file://	75
http://www.daudignon.com	48
http://localhost	46
http://s174530825.onlinehome.fr	24
http://jlogeais.free.fr	23
http://127.0.0.1	10
http://www.locations-leprieure.fr	10
http://www.paperblog.fr	6
http://www.trouveztout.org	5
http://www.pcteck.ch	2
http://www.cap-drome.com	2
http://j-imagine.fr	2
http://www.alternactiv.com	2
file://localhost	2
http://www.101pixels.com	2
http://www.adrenonline.net	2
http://preview.yebelavision.webnode.fr	1
http://francoisejandey.fr	1
http://al-jazira.ma	1
http://beta.funny-road.com	1
http://beta.funny-road.com	1
http://stephy-nails.fr	1
http://s385581100.onlinehome.fr	1
http://www.calobra.com	1
http://www.missalix.com	1
http://peioetxe.com	1
http://87.248.112.8	1
http://www.allomegane.com	1
http://www.zunino.fr	1
http://www.guslab.fr	1
http://www.tauziede.com	1
http://design-your-life.hostoi.com	1
http://209.85.229.132	1
http://www.collegejeanmonnet.fr	1
http://delacc.cfun.fr	1
http://www.sante-mp.org	1
http://www.blogger.com	1
http://www.dardelet.fr	1
http://www.rts-ramirez.fr	1
http://ns11.freeheberg.com	1
http://localhost:8888	1
http://passion-online.fr	1
http://gramax.fr	1
http://81.57.185.238	1
http://lafermeenculture.fr	1
http://www.sou-des-ecoles-la-gresle.fr	1
http://www.cleeki.com	1

Installation de Lightbox 2 en Francais

by Adonfff Adonfff on Apr 22, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

51 Embeds 5,488

Statistics

Installation de Lightbox 2 en Francais — Presentation Transcript