Novice cherche de l'aide pour diaporama
Bonjour,
Voila j'ai une planche d'images qui quand on clique dessus ouvre une popup qui contient le diaporama avec toutes les photos mais comment faire pour que sa soit l'image sur laquelle on a cliqué qui s'affiche ??
Est ce qu'il faut transmettre une variable et comment ?
La page en question : http://jonathanftp38.free.fr/photo_cluse.html
Dans la page des vignettes : [CODE]
<script language="JavaScript">
function fenetreCent(url,nom,largeur,hauteur,options) {
var haut=(screen.height-hauteur)/2;
var Gauche=(screen.width-largeur)/2;
fencent=window.open(url,nom,"top="+haut+",left="+Gauche+",width="+largeur+",height="+hauteur+","+options);
}CODE]
Lien des images :
Code:
<td align="center"><a href="diapo_cluse.html" target="fencent" onclick='fenetreCent("","fencent",610,523,"menubar=no,scrollbars=no,statusbar=no")'><p><img class="vignette" src="images/vignettes/cluse/cluse.jpg" alt="Course de Cluse" title="Cliquez pour agrandir dans le diaporama" /></p></a></td>
Code du diaporama :
Code:
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
| </script>
<script language="JavaScript">
<!--
var bauto = 0;
var dossier="images/cluse/";
var numero = 1;
var total=17;
function objet() {
this.length = objet.arguments.length
for (var i = 0; i < this.length; i++) this[i+1] = objet.arguments[i]
}
var nom = new objet ("cluse.jpg", "cluse (1).jpg", "cluse (2).jpg", "cluse (3).jpg", "cluse (4).jpg", "cluse (5).jpg",
"cluse (6).jpg", "cluse (7).jpg", "cluse (8).jpg", "cluse (9).jpg", "cluse (10).jpg", "cluse (11).jpg", "cluse (12).jpg",
"cluse (13).jpg", "cluse (14).jpg", "cluse (15).jpg", "cluse (16).jpg");
function suivante() {
numero += 1;
if (numero == nom.length + 1) numero = 1;
document.image.src = dossier+nom[numero];
document.all.nb_t.innerHTML=(numero)+" / "+total;
}
function precedente() {
numero -= 1;
if (numero == 0) numero = nom.length;
document.image.src = dossier+nom[numero];
document.all.nb_t.innerHTML=(numero)+" / "+total;
}
function changer() {
numero += 1;
if (numero == nom.length + 1) numero = 1;
document.image.src = dossier+nom[numero];
roll=setTimeout("changer()", 1500);
document.all.nb_t.innerHTML=(numero)+" / "+total;
}
function initial() {
window.clearTimeout(roll);
document.image.src = dossier+nom[numero];
}
function auto() {
if (bauto == 0) {
bauto =1; changer();
document.automat.src = "images/btt_diapo/stop.jpg";
document.automat.title = "Stop";
}
else {
bauto =0; initial();
document.automat.src = "images/btt_diapo/auto.jpg";
document.automat.title = "Auto";
}
}
//-->
</script>
</head>
<body>
<div id="haut"><p><img class="haut" src="images/btt_diapo/haut_cluse.jpg" /></p></div>
<div id="diapo" align="center"> <img src="images/cluse/cluse.jpg" width="600" height="450" name="image"></div>
<table width="300" border="0" align="center">
<tr>
<td align="center"><img src="images/btt_diapo/prec.jpg" title="Precedente" width="100" height="20" onClick="precedente();"></td>
<td align="center"><img src="images/btt_diapo/suivant.jpg" title="Suivante" width="100" height="20" onClick="suivante();"></td>
<td align="center"><img src="images/btt_diapo/auto.jpg" title="Auto" width="100" height="20" name="automat" onClick="auto();"></td>
</tr>
</table>
<div id="nb_t">
1 / <script language=Javascript>
document.write(total);
</script></div>
<div id="bas"></div>
</body>
</html> |
Voila si quelqu'un pouvait me dire comment mis prendre sa m'aiderais bcp
Merci
