Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2454 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [résolu] Changement d'image lors d'un clic

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[résolu] Changement d'image lors d'un clic

n°1196033
aviaur
Posté le 09-09-2005 à 15:20:52  profilanswer
 

Bonjour, est-ce que quelqu'un peut me dire comment en javascript on peut changer d'image lorsque l'on clic dessus ?
 
merci.


Message édité par aviaur le 09-09-2005 à 15:36:12
mood
Publicité
Posté le 09-09-2005 à 15:20:52  profilanswer
 

n°1196038
gatsusat
Posté le 09-09-2005 à 15:24:30  profilanswer
 

une manière simple, générique et efficace ou à la manière bourrin et merdique ?
 
voila la maniere bourrin et merdique :  
<img src="truc.jpg" onclick="this.src='bidule.gif'">

n°1196046
aviaur
Posté le 09-09-2005 à 15:30:49  profilanswer
 

ok, mais en fait c un peu plus compliqué que ça :
 
quand je clic sur image1.gif je veux quelle se change en image2.gif, mais ensuite quand je reclic sur image2.gif, je veux qu'elle redevienne image1.gif.
 
en gros j'ai deux images (un cadenas fermé et un ouvert) et quand je clic il passe de l'état fermé à ouvert et inversement !

n°1196049
gatsusat
Posté le 09-09-2005 à 15:33:51  profilanswer
 

ben tu fais une ffonction qui teste le SRC de l'image et en fonction tu met l'un ou l'autre
 
<img src="truc.jpg" onclick="changeimg(this)">
 
 
function changeimg(monimage) {
  monimage.src = (monimage.src=="truc.jpg" ) ? "bidule.gif" : "truc.jpg";
}
 
c'est simple et en une ligne

n°1196051
aviaur
Posté le 09-09-2005 à 15:34:59  profilanswer
 

super ! merci beaucoup
a+

n°2190236
krisiun
Posté le 15-05-2013 à 12:07:51  profilanswer
 

bonjour, je sais que ce sujet date de super lgt, mais j'arrive pas ce que Gatsusat explique, qqun peut m'aider??

n°2248038
vascool
Posté le 11-01-2015 à 12:11:01  profilanswer
 

bonjour, j ai repris le code de gatsusat
 
 
<img src="truc.jpg" onclick="changeimg(this)">  
 
<script>  
 
function changeimg(monimage) {  
  monimage.src = (monimage.src=="truc.jpg" ) ? "bidule.gif" : "truc.jpg";  
}  
 
</script>
 
puis j ai mis la fonction dans un script, je lance dans internet je clique sur mon image, elle disparaît (normal), mais l'autre image n’apparaît pas.
est il nécessaire de mettre des images gif peut on les remplacer par une image png.
 
 
 
pouvez vous m'aider, ou me proposer un autre code. merci :)  


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [résolu] Changement d'image lors d'un clic

 

Sujets relatifs
[résolu] - problème mise en page avec <form>[RESOLU] PB script de creation d'utilisateur
[RESOLU] Supprimmer les droits sur une base ACCESSLire un fichier image en java
[RESOLU] Fonction qui retourne le numero d'un ligne ?? (excel)"traitement" d'image
[RESOLU]probleme regroupage fichiers texte[resolu] batch : Probleme copie fichier
[aide] popup image javascript ?![Résolu] Requête WHERE : ça coince
Plus de sujets relatifs à : [résolu] Changement d'image lors d'un clic


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR