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 : Sélectionner tout - Visualiser dans une fenêtre à part
<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 : 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
</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">&nbsp;<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