Changer image dans input

Bonjour,

Voici la balise input suivante (qui valide un formulaire) :

Code:

---

1 2	<input alt='Valider' type='image' src='bouton-valider.png' />

---

... et je désire que cette image soit changée quand la souris passe dessus ou non.

Le évênements onmouseover et onmouseout sont utilisés mais je n'arrive pas à écrire la fonctionne javascript qui ferait le changement d'image.

Commet faire cela ?

Merci d'avance. ;)

Essaye ça :

Code:

---

<input alt='Valider' type='image' src='bouton-valider.png' onmouseover='this.src="nouvelleimage"' onmouseout='this.src="ancienneimage"' />

---

Merci BisounousJos : ta solution fonctionne.

Je pensais bien à une solution de ce genre mais je croyais que le this (this.src=) référençait le input et non à l'image.

Merci encore. ;)

Je relance ce sujet, car je veux faire exactement ce que propose Bisûnûrs pour le survol.

Et ça marche parfaitement avec FF, mais ça ne marche pas du tout avec IE.

Voici le code :

Code:

---

<img src="images/home1.png" width="60" height="30" onMouseOver="this.src='images/home2.png';" onMouseOut="this.src='images/home1.png';" border="0"/>

---

Est ce qu'il y a un paramètre que j'aurai oublié ?

Merci d'avance !

1) as tu fais un prelaod des images ?

2) tes png ont de la transparence ? IE le gère mal

Bonjour,

Merci pour ta réponse,

Pour le prelaod des images, je vais te dire non puisque je n'ai rien fait d'autres pour faire le changement d'image au survol !

Et mes images sont bien en png24 avec transparence.

Je vais regarder pour le preload, merci encore !