Bonjour.
Je fais appelle à vous pour un problème qui me triture la tête depuis une ou deux heures...
En fait, ce que je veux faire est plutôt simple, lorsque l'on clique sur mon image, je veux que celle-ci change pour une autre, et lorsque je re-clique encore une fois dessus, que l'image d'avant revienne.
 
Sur mon code actuel, lors du premier clic l'image se change en la deuxième, mais lors du deuxième clique, elle reste avec la deuxième image, et ne retourne pas sur la première comme je le souhaiterais.
 
J'ai regardé plusieurs sujet de ce forum, mais aucun ne m'a réellement aidé, donc je vous pose mon JS ainsi que mon action HTML:
 

 
Merci beaucoup aux personnes qui sauront m'aider et me débloquer à cette endroit ...

Je viens de rectifier cette erreur, en effet j'avais oublié un "==" dans la condition, mais cela ne change rien au problème, toujours pas de changement d'image.

onclick="changer_image()"
 
Au passage il y a moyen de faire bien plus propre, par exemple avec un peu de jquery et un binding de l'evenement click :  
$('img[name=monimage]').click( function(){
 
}),

Je ne sais pas procéder de cette manière, donc j'ai essayé de faire la facilité..
 
En dehors de ça, ce n'était pas à cause des '()' manquantes. Je ne vois vraiment pas la cause du dysfonctionnement
 
Je me demande si il n'y a pas une façon simple de faire cela avec simplement du CSS?

Ben si, les guillemets manquants empêchent la fonction de se lancer  
et puis document.monimage c'est du vieux vieux code, et puis on teste pas le SRC comme ça car selon le navigateur il peut changer

C'est bon, j'ai réglé mon problème de changement d'image seule !  
 
Par contre, lorsque je suis sur la même ligne de mon onclick, mais que je ne clique pas sur l'image, j'aimerais que celle-ci se change quand même. Aurait-il un moyen (simple si possible) de permettre cela ?
 
Merci d'avance pour vos futurs réponses.
 
(En réponse à Gatsu, non ce n'était pas à cause des guillemets que la fonction ne marchait pas, et j'ai appris de cette façon donc, je continue avec la façon dont j'ai appris, je me renouvellerais plus tard.)

oui les parentheses en fait
Si tu fais :  
onclick="mafonction"
Ben il ne se produira rien du tout, il faut mettre les parentheses pour appeler ta fonction.
 
Il en est ou ton code maintenant du coup, histoire qu'on te dise si c'est bien

Mes images se changent comme il faut.
La première se change en la deuxième lorsque je clique dessus, et vise versa quand je clique sur la deuxième image, elle repasse sur la première.
 
Maintenant, ce que je veux, c'est juste lorsque que je clique sur la même ligne que cette image (mais pas sur l'image donc), et que cela permette de la changer quand même.

je te demandais pas comment ça marche, je te demandais de poster la dernière version de ton code, car si tu veux qu'on réponde à ta question tu postes ton code

Je suis passée par la lib Jquerry, et cela marche très bien, voilà le code :

 
Avec dans la page html

 
 
Je te l'accorde, cela peut paraître très lourd de mettre une lib jq juste pour cela, mais en réalité, ça ne l'est pas tant, donc, très pratique ! (Sachant que je vais avoir besoin de la lib jq pour d'autre chose donc ! -> Je préfère prévenir, on m'a déjà fait le coup de "c'est trop lourd et inutile si c'est juste pour ça" )

c'est mieux . et puis jq te servira pour plein d'autres trucs ( au besoin les derniers versions sont modulable pour ne prendre que ce donty tu as besoin)

au lieu de class ==  , utilise plutot http://api.jquery.com/hasClass/
live est deprecated, utilise plutot on à la place

tu peux nous mettre un petit extrait du html ?

 
Voilà mon code html.
On peut donc remarquer que mon bouton que lors des cliques + devient, - devient +, etc. Lorsque je clique dessus, cela m'appelle une fonction "spoiler" (vous devez connaitre, donc je n'argumenterais pas là dessus).
 
Je voudrais donc que toute ma ligne "li" avec le spoiler puisse avoir le changement d'image, et pas seulement l'image.

Petit up, histoire de pas tomber dans les oubliettes, si quelqu'un aurait une solution, ça serait sympa !