script mouseover

[alfredo]

Bonjour,

 

Je travaille mon site avec Publisher.

Je veux intégrer des images qui changent au passage de la souris, et qui envoient à une autre page en cliquant dessus.

 

J'utilise le script:

 

<a href="index_fichiers/02.htm"

onMouseOver="document.img_1.src='index_fichiers/01.JPG';"

onMouseOut="document.img_1.src='index_fichiers/02.JPG';border=0">

<img name="img_1" src='index_fichiers/02.JPG' border=0> <a>

 

Ca fonctionne très bien.

 

MAIS ,

Dès lors que je mets plusieurs de ces scripts dans la même page,grâce à la fonction "inserer un fragment de code", plus aucun ne fonctionne......

J'imagine que c'est un problème de balise, mais je suis loin(très loin!) d'être un spécialiste.

Je cherches depuis ce matin, un peu honteux de ne pas trouver!!!

 

Merci pour votre aide.

Alfredo.

[KewlCat]

Dès lors que je mets plusieurs de ces scripts dans la même page,grâce à la fonction "inserer un fragment de code", plus aucun ne fonctionne......

J'imagine que c'est un problème de balise, mais je suis loin(très loin!) d'être un spécialiste.

Je cherches depuis ce matin, un peu honteux de ne pas trouver!!!

Fais bien attention à ne pas dupliquer les "name" de tes images (sinon document.[le name] ne fonctionne plus).

J'ai quelques doutes sur le "border=0" à la fin de ton onmouseout()

 

Si tu souhaites approfondir une méthode un tout petit peu plus "moderne" de procéder (i.e. compatible avec le Document Object Model du W3C), tu peux utiliser quelque chose de ce style :

<a href="index_fichiers/xx.html">
 <img src="index_fichiers/xx.jpg" onmouseover="javascript:{ this.src='index_fichiers/yy.jpg'; }" onmouseover="javascript:{ this.src='index_fichiers/xx.jpg'; }" border="0" />
</a>

... ou déporter l'exécution des scripts, mettre des id sur tes images et utiliser document.getElementById() pour modifier leurs attributs.