Bonjour, est-ce que quelqu'un peut me dire comment en javascript on peut changer d'image lorsque l'on clic dessus ?
 
merci.

une manière simple, générique et efficace ou à la manière bourrin et merdique ?
 
voila la maniere bourrin et merdique :  
<img src="truc.jpg" onclick="this.src='bidule.gif'">

ok, mais en fait c un peu plus compliqué que ça :
 
quand je clic sur image1.gif je veux quelle se change en image2.gif, mais ensuite quand je reclic sur image2.gif, je veux qu'elle redevienne image1.gif.
 
en gros j'ai deux images (un cadenas fermé et un ouvert) et quand je clic il passe de l'état fermé à ouvert et inversement !

ben tu fais une ffonction qui teste le SRC de l'image et en fonction tu met l'un ou l'autre
 
<img src="truc.jpg" onclick="changeimg(this)">
 
 
function changeimg(monimage) {
  monimage.src = (monimage.src=="truc.jpg" ) ? "bidule.gif" : "truc.jpg";
}
 
c'est simple et en une ligne

super ! merci beaucoup
a+

bonjour, je sais que ce sujet date de super lgt, mais j'arrive pas ce que Gatsusat explique, qqun peut m'aider??

bonjour, j ai repris le code de gatsusat
 
 
<img src="truc.jpg" onclick="changeimg(this)">  
 
<script>  
 
function changeimg(monimage) {  
  monimage.src = (monimage.src=="truc.jpg" ) ? "bidule.gif" : "truc.jpg";  
}  
 
</script>
 
puis j ai mis la fonction dans un script, je lance dans internet je clique sur mon image, elle disparaît (normal), mais l'autre image n’apparaît pas.
est il nécessaire de mettre des images gif peut on les remplacer par une image png.
 
 
 
pouvez vous m'aider, ou me proposer un autre code. merci