Click sur image pour la changer et vise-versa [Résolu/Fermé]
Signaler
baptisteory
Utilisateur anonyme -
- 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...
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:
- Click sur image pour la changer et vise-versa
- Click sur image pour la changer et vise-versa ✓ - Forum - Webmaster
- Mon css l'image de fond change de couleur ... ✓ - Forum - CSS
- Insérer du code shell dans un programme C ou C++ et vis versa ✓ - Forum - C++
- Mettre ligne en colonne et vis versa ✓ - Forum - Excel
- Prix d'un sms/appel vers le maroc et vis versa ?! ✓ - Forum - IPhone
6 réponses
Utilisateur anonyme
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
<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
Utilisateur anonyme
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
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
baptisteory
- Messages postés
- 4
- Date d'inscription
- jeudi 10 mars 2011
- Statut
- Membre
- Dernière intervention
- 10 mars 2011
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" !
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" !
Utilisateur anonyme
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;"/>
<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;"/>
baptisteory
- Messages postés
- 4
- Date d'inscription
- jeudi 10 mars 2011
- Statut
- Membre
- Dernière intervention
- 10 mars 2011
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 !
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 !
