Besoin d'aide en HTML

[BourrinOman]

Bonjour.

je débute en HTML et j'aurais besoin d'aide pour faire afficher une image quand je passe la souris sur un lien.

Pourriez-vous m'aider?
-----

[JPL]

Bien que je n'aie pas touché à html depuis trèèèès longtemps cherche onmouseover et onmouseout.

[BourrinOman]

En fait, j'ai vu ces commandes mais en tant que débutant, j'ai vraiment du mal a coder. C'est là, que j'aurais besoin d'aide

[JPL]

Fais une requête sur le web avec un moteur de recherche sur : afficher une image onmouseover.

[A voir en vidéo sur Futura]

[givemethat]

Vous pouvez utiliser du CSS pour faire ça, sans pour autant utiliser du JS (quoique ça reste faisable avec du JS comme JPL l'a indiqué).

Il suffit de faire:

<a class="monlien" href="...">blah blah <img src="..." /></a>

et sur le css:

a.monlien img{
display:none;
}
a.monlien:hover img{
display:inline;
}

[JPL]

Je pense simplement que pour un débutant qui ne maîtrise encore pas grand-chose... il maîtrisera encore moins les CSS.

[givemethat]

Je pense simplement que pour un débutant qui ne maîtrise encore pas grand-chose... il maîtrisera encore moins les CSS.

Que dire du JS!

[JPL]

Of course, mais ici c'est un truc très ponctuel.

[givemethat]

Yes sir!

Mais ça sera un peu compliqué (pour un débutant) de récupérer l'event sur le lien, et de prendre une action sur l'image.
Du reste, on évite en général d'utiliser le JS pour le style.
Mais bon, voici l'exemple avec du JS donc, vous pourrez choisir ce qui vous plaira (les goûts et les couleurs... :P).

<a href="blah" onmouseover="document.getElementById('img1').style.display = 'block';" onmouseout="document.getElementById('img1').style.display = 'none';">blah blah</a>
<img id="img1" src="blah" style="display:none" />