Click sur image pour la changer et vise-versa [Résolu/Fermé]

Signaler
Messages postés
4
Date d'inscription
jeudi 10 mars 2011
Statut
Membre
Dernière intervention
10 mars 2011
-
 Utilisateur anonyme -
Bonjour,
Voici mon problème:

J'avais une image sur mon site internet et je voulais que quand je clique sur celle-ci elle change (exemple: je me balade sur le site et je vois une image de chien, un curseur main apparaît donc je clique dessus. L'image change et devient le portrait de la Joconde)

J'ai donc trouvé la solution: <img src="chien.jpg" width="1005"height="107" border="0" alt="" onclick="this.src='joconde.jpg'" "style="cursor:hand;"/>


Mais je me retrouve confronté à un autre problème:
Je voudrais que quand je reclick sur l'image (ici la Joconde) elle redevienne comme avant (un chien !).
J'ai donc essayé ceci mais sa ne marche pas:
<img src="chien.jpg" width="1005"height="107" border="0" alt="" onclick="this.src='joconde.jpg'" onclick="this.src='chien.jpg'"style="cursor:hand;"/>

Voila ! Si quelqu'un sait qu'il me le dise !

P.S./ Je suis débutant...

6 réponses


Oui pardon c'était cousu d'erreurs, j'avais pas essayé :

<script>
var nb=0;
var tabImages = new Array('chien.jpg','joconde.jpg','truc.jpg');
</script>

<img src="chien.jpg" width="1005"height="107" border="0" alt="" onclick="nb+=1;if(nb==tabImages.length) {nb=0}; this.src=tabImages[nb];" style="cursor:hand;"/>

Ca ça marche
2
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 87108 internautes nous ont dit merci ce mois-ci


Bonjour,

Comme ceci

<script>
var ok=true;
</scrit>

<img src="chien.jpg" width="1005"height="107" border="0" alt="" onclick="if (ok) {this.src='joconde.jpg';ok=false;} else {this.src='chien.jpg';ok=true;}" style="cursor:hand;"/>

Cordialement
Messages postés
4
Date d'inscription
jeudi 10 mars 2011
Statut
Membre
Dernière intervention
10 mars 2011
1
Merci ! Ca marche !
J'ai juste une dernière petit question :

Comment faire pour que quand je clique sur la deuxième image elle se change en une troisième et quand je clique sur la troisième elle revient à la première ? (exemple: je clique sur l'image du chien donc elle se transforme en une image de la Joconde puis je click sur l'image de la Joconde et une image de pomme apparait et pour finir je clique sur l'image de pomme et cela revient à mon image de chien)

P.S.: Encore merci "internetwebservices" !

Comme ceci :

<script>
var nb=0;
var images = new Array('chien.jpg','joconde.jpg','truc.jpg');
</scrit>

<img src="chien.jpg" width="1005"height="107" border="0" alt="" onclick="nb+1;if(nb==images.length) nb=0; this.src=images[nb];" style="cursor:hand;"/>
Messages postés
4
Date d'inscription
jeudi 10 mars 2011
Statut
Membre
Dernière intervention
10 mars 2011
1
Je suis désolé mais cela ne marche pas:
Quand je click sur le chien, la joconde n'apparait pas. Il ne reconnait pas l'image. Pourtant j'ai bien marqué le nom de mon image et elle est bien dans mon dossier.

Il manque peut-être quelque chose à la fin du code ?

SVP aide moi !
P.S.: Merci de ta réponse !
Messages postés
4
Date d'inscription
jeudi 10 mars 2011
Statut
Membre
Dernière intervention
10 mars 2011
1
Oui ! C'est bon, ça marche ! Merci beaucoup !
Je peux même rajouter autant d'images que je veux !

Merci encore !
Utilisateur anonyme
De rien