[HTML] Utilisation du framework lightbox [Fait]

**hugoclo** · 03/02/2008, 13h12

Bonjour,
Je suis entrain de crée un petit site a l'aide de dreamweaver. J'ai crée une page d'acceil (css) sur laquelle on trouve des photos. Voulant creer un zoom j'ai parcouru le forum et j'ai lu # articles sur lightbox. J'ai telecharger le fichier et je l'ai installé a la racine de mon site. Etant donné que je suis une truffe

pour tout ce qui touche au HTML entre autre je ne sais pas du tout ou mettre les lignes de commande dans ma page d'accueil.
J'ai chercher dans le forum, et je n'ai trouvé aucun tuto juste un article pour dire qu'il n'y a pas besoin de tuto pour lightbox. Dommage!!!

**Kerod** · 03/02/2008, 13h19

Effectivement pas besoin de tuto quand on sait que l'auteur donne tous les détails.

http://www.huddletogether.com/projects/lightbox2/

**hugoclo** · 03/02/2008, 13h46

Merci,
Je l'ai visité, mais le probléme que j'ai vient du fait que sur ma page il faut que je clique sur le nom de la photos et pas sur la photos elle meme pour avoir le zoom.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
 
</head>
 
<body>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<a href="Photos/DSC00295.jpeg" rel="lightbox" title="my caption">img1</a>
<img src="Photos/DSC00295.jpeg" name="img1" width="98" height="124" id="img1" />
</body>
</html>

**Kerod** · 03/02/2008, 13h49

Une petite question : Si tu englobe ton image avec le lien, c'est pas bon ?

**hugoclo** · 03/02/2008, 13h54

Je vais passé pour un débile mais je ne comprends pas ce que tu veux dire

**Kerod** · 03/02/2008, 14h02

Faire ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<a href="Photos/DSC00295.jpeg" rel="lightbox" title="my caption">img1
<img src="Photos/DSC00295.jpeg" name="img1" width="98" height="124" id="img1" /></a>

Après si tu veux un retour à la ligne entre les deux, il faudra utiliser de CSS ou la méthode barbare du <br/>.

Au passage un link ce met entre les balises head

[HTML] Utilisation du framework lightbox [Fait]

HTML

Vue hybride

Discussions similaires

Partager

Partager