Afficher une image lorsque la souris passe sur un lien

Bonjour

A la base je suis admin réseau, mais je me met au dev, donc j'aurais besoin d'aide.
Voilà je voudrais afficher une image lorsque la souris passe sur un lien.
Le lien n'est pas une image.
Lorsque c'est un lien pas de pb j'y arrive.
Mais lorsque le lien est juste du texte je n'y arrive pas.
Pourriez vous m'aider ?

Merci par avance

Petite précision j'aimerai que cette image s'affiche en fond.

Citation:

---

Envoyé par cyrillique

Petite précision j'aimerai que cette image s'affiche en fond.

---

onmouseover....

Qu'est ce que tu n'arrives pas à faire? Ou en est ton code?

Voici mon code.

<a href="accueil.php" title=""
onMouseOver="this.src='img/piedfr.gif'"
onMouseOut="this.src=''" >Accueil
</a>

Je veux que lorsque le passe sur le lien Accueil avec la souris, s'affiche une image en fond d'écran (derrière les autres écritures et au milieu de la page).

Il faut que tu change le style de ton div au survole.

DrYs pourrais tu être plus explicite ?
Aurais tu un exemple ?

avec un B c'est mieux. :aie:


Oui un truc du style ça doit marcher :

Code:

---

document.getElementById('id_de_ton_div').style.backgroundImage = 'url(url_de_ton_image)'

---

Merci BrYs
Mais ça c'est pour quand j'arriverais à afficher l'image en passant sur le lien, chose que je n'arrive pas à faire pour le moment.

fait une synthese de ce que tu as eux comme proposition et je crois que ca devrais aller.

Proposition

Code:

---

1 2 3 4 5 6 7 8 9 10

<Script langage=JavaScript> Function LoadImage(Div,image) document.getElementById(Div).style.backgroundImage = image end Function </Script>   <a href="accueil.php" title="" onMouseOver="LoadImage(Id_Div,'img/piedfr.gif');" onMouseOut="LoadImage(Id_Div,'');" >Accueil </a>

---

je crois que comme ca ca devrais aller.

Citation:

---

Envoyé par cyrillique

Voici mon code.

<a href="accueil.php" title=""
onMouseOver="this.src='img/piedfr.gif'"
onMouseOut="this.src=''" >Accueil
</a>

---

Ben this.src, ça a peu de chance de changer l'image de fond de ta page.... Utilise la syntaxe que Brys t'a donné pour changer l'image de fond d'un élement identifié par son id....

En fait je veux pas que ca change l'image de fond, mais que ca affiche une derriere le texte et devant celle de fond.

Citation:

---

Envoyé par cyrillique

En fait je veux pas que ca change l'image de fond, mais que ca affiche une derriere le texte et devant celle de fond.

---

:cfou:

rien compris

Arrête-moi si je me trompe mais ..

Tu as deux couches :

1- l'image de fond
2- le texte

Ce que tu veux c'est ajouter une troisième couche ?

1- l'image de fond
2- l'image rajoutée
3- le texte

Sinon j'ai rien capté.


Edit :

Mazette, je crois que j'ai capté.

Code:

---

1 2 3 4 5

<style> a:hover{ background:url(adressedetonimage); } </style>

---

Je crois que c'est ça qu'il veut.

Oui c'est ça que je veux Bisounours, mais je le veu quand le passe sur le lien qui est au premier plan, et pour le moment mon pricipal pb c'est de faire afficher une image quand je passe sur le lien

@cyrillique : Ben tu reprends mon morceau de code et le tour est joué.