Bonjour,  
J'aimerais que lorsque la souris survole une image 1 celle ci change en une image 2. Une fois que la souris n'est plus sur l'image 2 celle ci redevient l'image 1.  
 
Ici mon image 1 est "image.jpg" et mon image 2 est "singe.jpg".  
 
Dans mon html j'ai mis :  
 
   <img src="image.jpg" id="bigImage" > <br>
   <a onmouseover="changeImage('image.jpg')" > </a>
   <a onmouseover="changeImage('singe.jpg')" >  </a>
 
Dans mon js j'ai mis :  
 
function changeImage(img){
document.getElementById('bigImage').src=img;
}
 
Pourtant cela ne fonctionne pas, avez-vous une idée pourquoi et comment rectifier ?  
 
Merci

pfiou... passe a jquery
 

Ce sujet a été déplacé de la catégorie Hardware vers la categorie Programmation par Neji Hyuga

Ton javascript est correct, le problème vient du HTML je pense.
tes deux <a> ont seulement 1px, et donc je ne pense pas que tu passes dessus avec ta souris.
 
Tu pourrais faire un codepen, cela sera plus simple pour t'aider.  
Si tu regarde la source de l'image avec l'inspecteur, tu peux te rendre compte que elle change selon le hover sur un des liens
https://codepen.io/anon/pen/dawEMZ

Merci pour vos réponses.  
Au final, j'ai fait ainsi :  
 
dans le html :  
 
<img src="image.jpg" id="bigImage" onmouseover="changeImage(this,1)" onmouseout ="changeImage(this,2)" >  
 
dans le js :  
 
function changeImage(x,y){
  if (y==1){
  x.src="singe.jpg" ;
}
  else   {x.src="image.jpg" ;
      }
}