Survol d'une image
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 ^^
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 ^^
6 réponses
-
Modérateur
<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 ... -
j'ai déjà mis des fichiers différents ... pas de changement :s
-
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. -
Ca ne change toujours rien :s
Je ne comprends vraiment pas ! -
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';" />
-
Ok ! J'avais pas vu ça comme ça ^^
Merci beaucoup ça marche nickel !
A+
