Modification d'une image au survol de la souris

[Al'Jeït]

Bonjour à tous.

Je suis modérateur sur un forum de développement de jeux vidéos amateur, et rédige en ce moment un tutoriel de graphisme dont le sujet importe peu ici ^^

J'ai l'habitude d'illustrer mes propos par de petites images étape par étape, et je cherche présentement à réduire mon tutoriel en longueur en affichant moins d'images, sans pour autant perdre d'informations.
J'ai donc pensé à afficher une image qui serait modifiée au survol de la souris uniquement.
J'ai fait deux images, la seconde ne s'affichant que lorsque la souris est passée sur la première image.

Pour se faire, j'utilise la balise HTML<img> et les fonctions Javascript onmouseover et onmouseout.
Mon code est le suivant :

Code:

<img src="image1.png" onmouseover="javascript:this.src='image2.png';" onmouseout="javascript:this.src='image1.png';" />

Je l'ai testé sur une page HTML vierge, ce code est parfaitement fonctionnel. Pourtant, lorsque je l'utilise dans un message, seule la première image s'affiche et il ne se passe rien au survol de la souris.

J'ai pensé que la seconde image pouvait mettre du temps à charger, mais même en réessayant avec une image légère (<10 Ko), le problème persiste.
Le HMTL est bien actif, étant donné que la première image s'affiche.
J'imagine que les fonctions Javascript ne sont pas prises en compte... Y a-t-il un moyen de régler ce problème ?

Merci d'avance pour l'intérêt que vous porterez à ma demande, bonne journée.

[bando]

Bonjour,

Il me semble bien que les évènements javascript ont été désactivés dans les messages.

[Al'Jeït]

Merci pour cette réponse rapide.

Problème insolvable donc... J'avais peur que ce soit une limitation de FA, pas de bol. =\
Je vais essayer de faire ça en flash.

Merci encore pour ta réponse Dauclem, sujet résolu... faute de mieux.