Image au survol d'un texte

[Résolu/Fermé]
Signaler
Messages postés
34
Date d'inscription
lundi 14 avril 2014
Statut
Membre
Dernière intervention
10 novembre 2019
-
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
-
Bonjour,
Je souhaite afficher une image miniature au survol d'un texte.
Quelles sont les possibilités?? comment faire (HTML ou PHP)
Je ne trouve pas de solutions de ce type.
En fait, j'ai une ligne qui cite divers musiciens dans mon site et je voudrais au survol de chaque nom, (éventuellement sur un clic), afficher une miniature de ce musicien....
Merci d'avance pour votre aide
A voir également:

2 réponses

Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
694
plus simple avec html/css et la balise span (sans jquery ni scripts)


html
<div class="musicien">
<p><a href="">Le nom du musicien<span><img src="image.jpg" alt="description image"/></span></a></p>
</div>

css

.musicien a span {
display:none;
}

.musicien a:hover span {
display:block;
margin:0 0 0 0:
}

après tu positionnes comme tu veux avec les margin dans .musicien a:hover span

suivant ce que tu veux tu rajoute position:relative; ou position:absolute;

tu peux meme créer un effet d'apparition avec @keyframes
.
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
15
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 41713 internautes nous ont dit merci ce mois-ci

Messages postés
2
Date d'inscription
mardi 15 avril 2014
Statut
Membre
Dernière intervention
2 juin 2017

Bonjour,

Je pense que tu peux te tourner vers Jquery et son plugin Tooltipster.

http://iamceege.github.io/tooltipster/

Bon courage :)
Alex