PETIT SCRIPT DE CHANGEMENT (COMMUTATION) D'IMAGE EN FONCTION D'UN EVENEMENT

Signaler
Messages postés
224
Date d'inscription
mercredi 21 avril 2004
Statut
Membre
Dernière intervention
29 mars 2009
-
Messages postés
63
Date d'inscription
mercredi 25 août 2004
Statut
Membre
Dernière intervention
19 février 2008
-
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.

https://codes-sources.commentcamarche.net/source/42812-petit-script-de-changement-commutation-d-image-en-fonction-d-un-evenement

Messages postés
63
Date d'inscription
mercredi 25 août 2004
Statut
Membre
Dernière intervention
19 février 2008

Et l'attribut name commence à être déprécié, tu devrais utilisé l'attribut id (avec getElementById()).

Et donc, comme l'a dis RAMBC, le over et out deviennent inutiles à cause du css.

Ta fonction pourrait ètre plus simple:

---------------------------------------------
var src_btn;
function commuteImg(img1, nom){
if(nom.getAttribute("src") == img1){
nom.setAttribute("src", src_btn);
}else{
src_btn = nom.getAttribute("src");
nom.setAttribute("src", img1);
}
}
---------------------------------------------
Et donc




Bon c'est fait à l'arrache mais ça devrait fonctionner.
Messages postés
224
Date d'inscription
mercredi 21 avril 2004
Statut
Membre
Dernière intervention
29 mars 2009

Tu marques un point car je n'avais pas pensé à cela (vu que je n'ai pas encore eu à l'utiliser). Du coup cela peut effectivement être utile (et je m'en servirais sûrement à l'avenir).
Messages postés
7
Date d'inscription
lundi 13 novembre 2000
Statut
Membre
Dernière intervention
12 juillet 2011

mais ça ne marche pas pour les cliks de souris
Messages postés
7
Date d'inscription
lundi 13 novembre 2000
Statut
Membre
Dernière intervention
12 juillet 2011

Je l'ignorais => merci !!
Messages postés
224
Date d'inscription
mercredi 21 avril 2004
Statut
Membre
Dernière intervention
29 mars 2009

La propriété HOVER des CSS permet de faire cela sans difficulté (et surtout sans JavaScript).