[HTML] Utilisation du framework lightbox

Version imprimable

03/02/2008, 13h12
hugoclo

[HTML] Utilisation du framework lightbox

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 :aie: 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!!!
03/02/2008, 13h19
Kerod

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

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

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:

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>

03/02/2008, 13h49
Kerod

Une petite question : Si tu englobe ton image avec le lien, c'est pas bon ? :roll:
03/02/2008, 13h54
hugoclo

Je vais passé pour un débile mais je ne comprends pas ce que tu veux dire:oops:
03/02/2008, 14h02
Kerod
Faire ça :
Code:

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
03/02/2008, 14h09
hugoclo

Merci pour ton aide et ta patience
03/02/2008, 14h14
Kerod

Mais de rien ;)