Bonjour,
J'ai les noms d'une liste d'image dans un tableau javascript et j'aimerais que ces images soient affichés dans une liste (un peu comme la balise [code] juste pour la forme) avec un scroll bar en bas.
Que faut-il utiliser pour faire ça ?
Bonjour,
J'ai les noms d'une liste d'image dans un tableau javascript et j'aimerais que ces images soient affichés dans une liste (un peu comme la balise [code] juste pour la forme) avec un scroll bar en bas.
Que faut-il utiliser pour faire ça ?
bonjour,
comme ceci :
Variable sens: si sens=0 tu as un affichage horizontal, si sens=1 tu as un affichage vertical.
Code html : 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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92 <html> <head> <title></title> <style type="text/css"> <!-- .conteneurH{ width: 200px;; height: 80px; overflow: auto; border: ridge 2px #AAAAAA; } .horizontal{ margin: 2px; height: 50px; sensical-align: middle; } .conteneurV{ text-align: center; padding: 5px; border: ridge 2px #AAAAAA; width: 100px; height: 200px; overflow: auto; } .vertical{ margin: 2px; width: 50px; } //--> </style> <script type="text/javascript"> <!-- var sens = 0; //Pour affichage : 0 = horizontal ; 1 = vertical //Tableau des images var mesImages = new Array(); mesImages[0] = "i0.gif"; mesImages[1] = "i1.gif"; mesImages[2] = "i2.gif"; mesImages[3] = "i3.gif"; mesImages[4] = "i4.gif"; mesImages[5] = "i5.gif"; mesImages[6] = "i6.gif"; function diaporama() { var i, elmt, c; c = document.getElementById("idConteneur"); if (sens==1) c.className = "conteneurV"; else { c.className = "conteneurH"; elmt = document.createElement("nobr"); c.appendChild(elmt); c = elmt; } for (i=0; i<mesImages.length; i++) { elmt = document.createElement("img"); elmt.id = "idImage"+this.i; elmt.src = mesImages[i]; if (sens==1) elmt.className = "vertical"; else elmt.className = "horizontal"; c.appendChild(elmt); } } //--> </script> </head> <body onload="diaporama()"> <div id="idConteneur"></div> </body> </html>
Merci c'est exactement ce que je veux, par contre je voudrais ajouter aux images un evenement onClick que faut-il que je fasse ?
dans la boucle for :
cf.
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 for (i=0; i<mesImages.length; i++) { elmt = document.createElement("img"); elmt.id = "idImage"+this.i; elmt.src = mesImages[i]; elmt.onclick=function(){alert("coucou "+this.i)}; if (sens==1) elmt.className = "vertical"; else elmt.className = "horizontal"; c.appendChild(elmt); }
http://javascript.developpez.com/faq...lick.dynamique
Merci de ton aide tous fonctionne parfaitement maintenant.
Vous avez un bloqueur de publicités installé.
Le Club Developpez.com n'affiche que des publicités IT, discrètes et non intrusives.
Afin que nous puissions continuer à vous fournir gratuitement du contenu de qualité, merci de nous soutenir en désactivant votre bloqueur de publicités sur Developpez.com.
Partager