Survol d'une image

Loona21 Messages postés 8 Date d'inscription   Statut Membre Dernière intervention   -  
Loona21 Messages postés 8 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
J'ai un petit problème dans la création de la page d'accueil de mon site web. Je voudrai créer différents boutons qui change en les survolant. Mais voilà ... j'ai utilisé ce code :

<img src="image1.png" name="image" onmouseover="image.src='image2.png'" onmouseout="image.src='image1.png'" onmousedown="image.src='image3.png'" />

Quand je crée un seul bouton, tout va bien ! ça marche correctement. Mais quand je veux en rajouter un deuxième ni le premier ni le deuxième ne marche. Que se passe-t-il ? Je suis novice et ne connaît que le HTML donc ben ... je rencontre quelques soucis. Merci d'avance pou votre aide ^^
A voir également:

6 réponses

bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
<img src="image1.png" name="image" onmouseover="image.src='image2.png'" onmouseout="image.src='image1.png'" onmousedown="image.src='image3.png'" /> 


<img src="image11.png" name="image" onmouseover="image.src='image12.png'" onmouseout="image.src='image11.png'" onmousedown="image.src='image13.png'" /> 

si le premier fonctionne vois avec la même chose mais d'autres fichiers ...
0
Loona21 Messages postés 8 Date d'inscription   Statut Membre Dernière intervention  
 
j'ai déjà mis des fichiers différents ... pas de changement :s
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Utilise onfocus et pas onmousedown.
Pour l'effet contraire du focus : onblur
Par contre, je ne vois pas trop l'intérêt de mettre un name puisque tu peux utiliser this.
0
Loona21 Messages postés 8 Date d'inscription   Statut Membre Dernière intervention  
 
Ca ne change toujours rien :s
Je ne comprends vraiment pas !
0

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

Posez votre question
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Je me cite :
"Par contre, je ne vois pas trop l'intérêt de mettre un name puisque tu peux utiliser this."

<img src="image1.png" onmouseover="this.src='image2.png';" onmouseout="this.src='image1.png';" onclick="this.src='image3.png';" />
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
"Je me cite : " bon ben si tu te fais ton p'tit post perso ... là ... ;)
0
Loona21 Messages postés 8 Date d'inscription   Statut Membre Dernière intervention  
 
Ok ! J'avais pas vu ça comme ça ^^
Merci beaucoup ça marche nickel !
A+
0