Discussion :

[Mister Nono]

Bonjour,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[Bisûnûrs]

Essaye ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Mister Nono]

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.

[wylls]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

1) as tu fais un prelaod des images ?

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

[wylls]

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 !