MessLive - Forum > Comment utiliser LightBox 2 ?

[Réglé] Comment utiliser LightBox 2 ?	< Sujet précédent Sujet suivant >
Index du Forum -> [ MessLive - Support ] -> · Sites & Webmastering

Auteur

Message

DigitalShadow
Membre en Or

Messages : 547
Inscrit le : 18/12/2005
Sexe : Homme

Pays :

Statut : Hors Ligne

Comment utiliser LightBox 2 ? Posté le 15/06/2008 16:43

Bien le bonjour, depuis pas mal de temps je cherche à faire comme on voit dans bcp de site, l'effet LightBox quand clique sur une image et qu'elle s'agrandit devant nos yeux 8) Le problème est que en visitant cette page : http://www.huddletogether.com/projects/lightbox2/ et bien j'ai juste compris qu'il fallait que je le DL, mais j'ai rien compris d'autre à part que ça faisait appelle à du Java :( Si une âme charitable veut bien m'aider
------------------------------ :) http://dj-ekinoxe.ift.fr \|\| http://messlive.net \|\| http://xzen-music.fr \|\| http://cibermonde.com :)

Mathieu
Webmaster
MessLive Staff

Messages : 4 548
Inscrit le : 21/05/2005
Sexe : Homme

Pays :

Statut : Hors Ligne

RE : Comment utiliser LightBox 2 ? Posté le 15/06/2008 16:46

Tu met ce code dans entre tes balises <head></head> : Code : <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="js/lightbox.js"></script> Mais il faut aussi que tu as mis sur ton FTP les scripts et le css du Lightbox Voir lien : http://www.huddletogether.com/projects/lightbox2/releases/lightbox2.04.zip Et après quand tu veux faire l'effet sur une image, tu met ce code : Code pour mettre un lien avec le Lightbox Code : <a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a> Code pour mettre une image avec le Lightbox Code : <a href="images/image-1.jpg" rel="lightbox" title="my caption"><img src="images/image-1.jpg" title="Titre de ton image" alt="Nom de ton image"></a>
Edité par Mathieu le 15/06/2008 17:28

DigitalShadow
Membre en Or

Messages : 547
Inscrit le : 18/12/2005
Sexe : Homme

Pays :

Statut : Hors Ligne

RE : Comment utiliser LightBox 2 ? Posté le 15/06/2008 21:57

Bha finalement sa marche nikel, j'en ai meme fait un Tuto Seulement tu as omis de préciser dans ton code que l'on devait mettre la hauteur et la largeur de la miniature, m'enfin je ne t'en veux pas Code : <a href="http://messlive.net/images/Wallpaper_1.jpg" rel="lightbox"><img src="http://messlive.net/images/Wallpaper_1.jpg" width="200" height="140" alt="Messlive" /></a>
------------------------------ :) http://dj-ekinoxe.ift.fr \|\| http://messlive.net \|\| http://xzen-music.fr \|\| http://cibermonde.com :)