salutatous,
j'essaie de faire une mini galerie la plus simplissime possible (3 images seulement), mais bien-sûr ça marche pas !
dans mon HEAD j'ai mis ça :
Code :
- <script language="JavaScript" type="text/javascript">
- function affichImage(idImage) {
- conteneur = document.getElementById('conteneurImg');
- myArray = conteneur.getElementsBytagName('img');
-
- for (i = 0; i < myArray.length; i++) {
- myArray[i].style.display = "none";
- }
-
- document.getElementById(idImage).style.display = "block";
- </script>
|
puis dans le BODY j'ai mis ça :
Code :
- <img src="europe.gif" alt="" border="0" onclick="affichImage('grandeImage1')" />
- <img src="amerique.gif" alt="" border="0" onclick="affichImage('grandeImage2')" />
- <img src="afrique.gif" alt="" border="0" onclick="affichImage('grandeImage3')" />
- <br /><br />
- <div id="conteneurImg">
- <img src="europe_zoom.gif" alt="" id="grandeImage1" style="display:none;" />
- <img src="amerique_zoom.gif" alt="" id="grandeImage2" style="display:none;" />
- <img src="afrique_zoom.gif" alt="" id="grandeImage3" style="display:none;" />
- </div>
|
quand je clique sur une de mes 3 miniatures, rien ne se passe !
merci de votre aide
Nico
