Image qui change en fonction d'un clic (html, css & js)

[invitead51e543]

Bonjour à tous,

Je vous explique mon problème, en espérant être le plus clair possible.
Déjà, pour situer mon niveau, je suis débutant en html, css & js.
Pour un projet professionnel, je dois créer une page internet (jusque ici, tout va bien). À un endroit sur ma page, il y a une image ; le but, est que lors d'un clic sur cette image, celle ci change ; exemple :
- Pas de clic (image par défaut) : image 1
- 1 clic : image 2
- 2 clics : image 1

Je ne sais pas du tout comment procéder, donc si vous pouvez m'aiguiller, cela m'arrangerait beaucoup.

D'avance merci.

Bonne journée à tous
-----

[Bluedeep]

Bonjour

Cette page devrait t'aider : http://stackoverflow.com/questions/7...nt-to-an-image

[invitee256988f]

Salut tu peux faire très simplement avec jQuery

dans ton code html tu places d'abord ta balise image

<img src="image_01.jpg" id="image">

et le js

<script type="text/javascript">
$("#image").click(function(){
if($(this).attr("src")) == "image_01.jpg")
$(this).attr("src") = "image_02.jpg";
else
$(this).attr("src") = "image_01.jpg";
});
</script>