Javascript curseur souris image

printfx000 -  
 printfx000 -
Bonjour,

je travaille sur un site internet et j'aimerais le rendre plus dynamique.
Dans mon menu, j'ai plusieurs liens (des balises <a href="lien.html">NOM</a>).
J'aimerais faire la chose suivante:
- supposons que j'ai 3 liens.
- lorsque je positionne le curseur sur le lien A, j'ai l'image header1.jpg qui s'affiche dans mon header. lorsque je vais sur le lien B, l'image header2.jpg s'affiche, ...

Seulement, je ne sais quel démarche adopter pour réaliser cela. Pourriez vous m'aider, svp ? Merci.


A voir également:

2 réponses

epitale Messages postés 4343 Statut Membre 915
 
bonjour printfx000

quelque chose comme çà :


<a href="..." onMouseOver ="javascript:document.getElementById('idduheader').style.background='urldelimage';" > text du lien </a>
0
printfx000
 
Ok merci.
J'ai un autre problème maintenant.

J'ai la structure suivante dans mon code:

<div id="menu" class="home">
<a href="" mouseOnClick="mafonction()"> ... </a>
<a href="" mouseOnClick="mafonction()"> ... </a>
<a href="" mouseOnClick="mafonction()"> ... </a>
</div>

Comment faire pour changer via la fonction maFonction() la classe de la balise div ? (exemple: changer class="home" en class="home2")
0