Bonjour,

Je suis ultra novice en html, javascript, dreamweaver...

J'ai créé plusieurs visionneuses d'images en javascript sur la même page. Tout fonctionne correctement pour la première.
Mon souci : lorsque je clic sur une vignette de la seconde visionneuse, l'image apparait dans la première visionneuse... ce qui ne correspond pas à l'effet souhaité !

Quelle est mon erreur ? Quelqu'un peut-il m'aider ?
Merci de votre précieuse aide

Voici le script :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
<head>
<script>
function afficherphoto(nomphoto)
{
document.getElementById("grandephoto").src=nomphoto;
}
</script>
</head>

Les visionneuses se répètent de la même façon que suivant :
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
</div>
<div id="projets">
<div id="projet1">
<div id="grandephoto1">
<img src="Images Index/nomade1grand.gif" name="grandephoto" width="500" height="353" id="grandephoto" />
</div>
<div id="petitephoto1">
<img src="Images Index/nomade1petit.gif" name="vignette1" width="50" height="50" id="vignette1" onclick="afficherphoto('Images Index/nomade1grand.gif')"/>
<img src="Images Index/nomade2petit.gif" name="vignette2" width="50" height="50" id="vignette2" onclick="afficherphoto('Images Index/nomade2grand.gif')"/>
<img src="Images Index/nomade3petit.gif" name="vignette3" width="50" height="50" id="vignette3" onclick="afficherphoto('Images Index/nomade3grand.gif')"/>
</div>
</div>
 
<div id="projet2">
<div id="grandephoto2">
<img src="Images Index/stage1grand.gif" name="grandephoto" width="500" height="353" id="grandephoto" />
</div>
<div id="petitephoto2">
<img src="Images Index/stage1petit.gif" name="vignette1" width="50" height="50" id="vignette1" onclick="afficherphoto('Images Index/stage1grand.gif')"/>
<img src="Images Index/stage2petit.gif" name="vignette2" width="50" height="50" id="vignette2" onclick="afficherphoto('Images Index/stage2grand.gif')"/>
<img src="Images Index/stage3petit.gif" name="vignette3" width="50" height="50" id="vignette3" onclick="afficherphoto('Images Index/stage3grand.gif')"/>
</div>
</div>