Survol d'une image

Fermé

Loona21 Messages postés 8 Date d'inscription dimanche 14 mars 2010 Statut Membre Dernière intervention 20 mars 2010 - 20 mars 2010 à 19:06
Loona21 Messages postés 8 Date d'inscription dimanche 14 mars 2010 Statut Membre Dernière intervention 20 mars 2010 - 20 mars 2010 à 20:04

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:

Survol d'une image
Image iso - Guide
Comment agrandir une image - Guide
Acronis true image - Télécharger - Sauvegarde
Légender une image - Guide
Telecharger une image disque windows 10 fichier iso - Guide

6 réponses

Réponse 1 / 6

bg62 Messages postés 23663 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 8 décembre 2024 2 391
20 mars 2010 à 19:09

<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 ...

Réponse 2 / 6

Loona21 Messages postés 8 Date d'inscription dimanche 14 mars 2010 Statut Membre Dernière intervention 20 mars 2010
20 mars 2010 à 19:13

j'ai déjà mis des fichiers différents ... pas de changement :s

Réponse 3 / 6

avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 505
20 mars 2010 à 19:42

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.

Réponse 4 / 6

Loona21 Messages postés 8 Date d'inscription dimanche 14 mars 2010 Statut Membre Dernière intervention 20 mars 2010
20 mars 2010 à 19:54

Ca ne change toujours rien :s
Je ne comprends vraiment pas !

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

Posez votre question

Réponse 5 / 6

avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 505
20 mars 2010 à 19:59

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';" />

bg62 Messages postés 23663 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 8 décembre 2024 2 391
20 mars 2010 à 20:03

"Je me cite : " bon ben si tu te fais ton p'tit post perso ... là ... ;)

Réponse 6 / 6

Loona21 Messages postés 8 Date d'inscription dimanche 14 mars 2010 Statut Membre Dernière intervention 20 mars 2010
20 mars 2010 à 20:04

Ok ! J'avais pas vu ça comme ça ^^
Merci beaucoup ça marche nickel !
A+

Discussions similaires

Impossible de télécharger photos messenger

Dechiffrer une image caché

PIX

Retrouver moi l'original

image ?