Afficher une image au passage de la souris sur un lien

[BourrinOman]

Bonjour.

Je m'inscris sur le forum car 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?

[FredVig]

C'est sans doute faisable. C'est une image qui se trouve "sous" le texte, en fond, ou dans un autre contenant ?
Dans tous les cas, je vous conseille la lecture de ce post, car c'est le m^me principe.
Il renvoie vers un tuto de la communauté qui est très bien
spoiler

[FredVig]

Mais tout dépend de ce que vous voulez faire exactement, car plusieurs techniques sont possibles.

[BourrinOman]

En fait, ce que je voudrait, c'est que quand je passe la souris sur lien, une image se place à coté du curseur.

[FredVig]

le tuto cité plus haut (par lefildargent) sera adapté. il permet de montrer ou cacher d'autres éléments lorsqu'on clique ou survole un autre élément:
http://communautefrancophone.jimdo.com/contenu/cacher-r%C3%A9v%C3%A9ler-modifier-un-%C3%A9l%C3%A9ment-par-simple-clic/#l0c0

[FredVig]

Il doit être possible de faire sans javascript :
- dans un élément colonne, ou texte plus image, mettre le texte à gauche et l'image à droite
DAns modifier le head, indiquer de nouvelles propriétés pour le module colonne :
- Un dépassement masqué (overflow:hidden)
- une largeur plus étroite qui ne laisse apparaître que le texte
- une propriété au survol :hover avec une largeur auto (ou un overflow:visible)
Je ne sais pas si ça peut fonctionner, mais pourquoi pas ?

EDIT : j'ai fait un tuto rapide pour comprendre le principe :
http://www.fredvig.com/atelier/spoiler/

[BourrinOman]

Sauf que dans ce cas là, je devrais refaire tous mes lien et j'y tiens pas trop car c'est très long a mettre en place

[FredVig]

L'image doit être effectivement prévue dès la construction de la page, dans tout les cas.

[Contenu sponsorisé]