Bonjour, j'ai fait un code en javascript qui permet à partir d'une image miniature d'afficher l'image en grand lorsqu'on clique dessus.
Seulement, il y a une légende associée à chaque image et la légende affichée reste celle de la première image. Si vous avez une idée de comment faire pour que chaque légende s'affiche en même temps que l'image... merci d'avance.
Voila le code :
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
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35 <script language="javascript" > // JavaScript Document legende = new Array(); <!-- definition de legende (le numero entre croché correspond au numero de l'image) --> legende[1] = "Genève"; legende[2] = "Nice"; legende[3] = "Paris"; [...] legende[33] = "Brest"; <!-- fin du tableau de légendes --> function show(i){ document.image.src='http://vmw0012:7019/Villes/Photos/image' +i+ '.jpg'; if(!legende[i]){ document.form.legende.value="Pas de légende disponible"; document.image.alt=""; } else { document.form.legende.value=legende[i]; document.image.alt=legende[i]; } } for (i=1;i<34;i++){ document.write("<a name='"+i+"' href='#' onClick='show("+i+")'><img src='http://vmw0012:7019/Villes/MiniPhotos/image"+i+".jpg' border='0' alt='"+legende[i]+"' id='"+i+"'<br><br>></a>") } document.write("</div></TD><TD class='soussousrubrique' valign='top' width='289'><img src='http://vmw0012:7019/Villes/Photos/image1.jpg' name='1' height='400' id='image'<br><br>>"); document.write("<form name='form' method='post' action=''>"); document.write("<input name='legende' value='"+legende[1]+"' type='text' size='100' readonly>"); document.write("</form>"); </script> </TD> </TR>
Partager