Javascript curseur souris image

Fermé
printfx000 - 24 oct. 2011 à 14:07
 printfx000 - 24 oct. 2011 à 14:55
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 3943 Date d'inscription jeudi 5 février 2009 Statut Membre Dernière intervention 27 octobre 2017 915
24 oct. 2011 à 14:18
bonjour printfx000

quelque chose comme çà :


<a href="..." onMouseOver ="javascript:document.getElementById('idduheader').style.background='urldelimage';" > text du lien </a>
0
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