Click sur image pour la changer et vise-versa

Résolu/Fermé
baptisteory Messages postés 4 Date d'inscription jeudi 10 mars 2011 Statut Membre Dernière intervention 10 mars 2011 - 10 mars 2011 à 11:02
 Utilisateur anonyme - 10 mars 2011 à 14:21
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...
A voir également:

6 réponses

Utilisateur anonyme
10 mars 2011 à 13:12
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
Utilisateur anonyme
10 mars 2011 à 11:31
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
1
baptisteory Messages postés 4 Date d'inscription jeudi 10 mars 2011 Statut Membre Dernière intervention 10 mars 2011 1
10 mars 2011 à 11:49
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" !
1
Utilisateur anonyme
10 mars 2011 à 12:32
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;"/>
1

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
baptisteory Messages postés 4 Date d'inscription jeudi 10 mars 2011 Statut Membre Dernière intervention 10 mars 2011 1
10 mars 2011 à 12:56
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 !
0
baptisteory Messages postés 4 Date d'inscription jeudi 10 mars 2011 Statut Membre Dernière intervention 10 mars 2011 1
10 mars 2011 à 13:26
Oui ! C'est bon, ça marche ! Merci beaucoup !
Je peux même rajouter autant d'images que je veux !

Merci encore !
0
Utilisateur anonyme
10 mars 2011 à 14:21
De rien
0