Afficher une image au passage de la souris sur un lien
2 participants
Page 1 sur 1
Afficher une image au passage de la souris sur un lien
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?
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?
Re: Afficher une image au passage de la souris sur un lien
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
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
Re: Afficher une image au passage de la souris sur un lien
Mais tout dépend de ce que vous voulez faire exactement, car plusieurs techniques sont possibles.
Re: Afficher une image au passage de la souris sur un lien
En fait, ce que je voudrait, c'est que quand je passe la souris sur lien, une image se place à coté du curseur.
Re: Afficher une image au passage de la souris sur un lien
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
http://communautefrancophone.jimdo.com/contenu/cacher-r%C3%A9v%C3%A9ler-modifier-un-%C3%A9l%C3%A9ment-par-simple-clic/#l0c0
Re: Afficher une image au passage de la souris sur un lien
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/
- 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/
Dernière édition par FredVig le Dim 17 Jan 2016 - 20:40, édité 2 fois
Re: Afficher une image au passage de la souris sur un lien
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
Re: Afficher une image au passage de la souris sur un lien
L'image doit être effectivement prévue dès la construction de la page, dans tout les cas.
Sujets similaires
» Afficher texte au passage de la souris
» Changer la couleur d'un lien au passage de la souris
» Afficher/masquer un paragraphe de texte au clic de souris
» Lien image (google image) vers son site
» Lien vers image
» Changer la couleur d'un lien au passage de la souris
» Afficher/masquer un paragraphe de texte au clic de souris
» Lien image (google image) vers son site
» Lien vers image
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|