Ajout de l'événement onclick à img id

Question

Je souhaite créer un img où le onclick cache un autre identifiant et affiche un autre. Voici le code que j'ai fait:

document.getElementById("poluzoom").addEventListener("click", changeimg); 
 

 
function changeimg() { 
 
    document.getElementById("poluzoom").style.visibility = "visible"; 
 
    document.getElementById("readypol").style.visibility = "hidden"; 
 
    document.getElementById("textpolu").style.visibility = "hidden"; 
 
}

<div id="fabricas"> 
 
    <img id="poluzoom" src="fabrica/fabricas.gif" alt="Mundo Zoom"> 
 
    <img id="readypol" src="poluicao/offbuton.png" alt="but1"> 
 
</div>

Si je mouseover, la fonction fonctionne, mais avec onclick il ne fonctionne pas. Qu'est-ce que je fais mal?

Answer 1

Une autre option est d'utiliser Jquery toggle() voir exemple http://jsfiddle.net/M9QBb/434/

<div id="fabricas"> 
    <img id="poluzoom" src="http://lorempixel.com/400/200/" alt="Mundo Zoom"> 
    <img id="readypol" src="http://lorempixel.com/400/200/sports/" alt="but1" style="display: none"> 
</div> 

JQuery

$("#fabricas").click(function() { 
    $(this).find('img').toggle(); 
});