mini galerie photo

mini galerie photo - HTML/CSS - Programmation

Marsh Posté le 15-04-2008 à 14:56:26    

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 :
  1. <script language="JavaScript" type="text/javascript">
  3. function affichImage(idImage) {
  5. conteneur = document.getElementById('conteneurImg');
  6. myArray = conteneur.getElementsBytagName('img');
  7.    
  8. for (i = 0; i < myArray.length; i++) {
  9.      myArray[i].style.display = "none";
  10. }
  11.    
  12. document.getElementById(idImage).style.display = "block";
  14. </script>


 
puis dans le BODY j'ai mis ça :
 

Code :
  1. <img src="europe.gif" alt="" border="0" onclick="affichImage('grandeImage1')" />
  2. <img src="amerique.gif" alt="" border="0" onclick="affichImage('grandeImage2')" />
  3. <img src="afrique.gif" alt="" border="0" onclick="affichImage('grandeImage3')" />
  5. <br /><br />
  7. <div id="conteneurImg">
  8.   <img src="europe_zoom.gif" alt="" id="grandeImage1" style="display:none;" />
  9.   <img src="amerique_zoom.gif" alt="" id="grandeImage2" style="display:none;" />
  10.   <img src="afrique_zoom.gif" alt="" id="grandeImage3" style="display:none;" />
  11. </div>


 
quand je clique sur une de mes 3 miniatures, rien ne se passe !
 
merci de votre aide
Nico

Reply

Marsh Posté le 15-04-2008 à 14:56:26   

Reply

Marsh Posté le 18-04-2008 à 19:00:55    

Bonjour,
 
Javascript est sensible à la casse donc ligne 6 dans la définition de la fonction,  
 

Code :
  1. myArray = conteneur.getElementsByTagName('img');


 
au lieu de  
 

Code :
  1. myArray = conteneur.getElementsBytagName('img');


 
Essaye ca et j'espère que ca marchera !

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed