Image au survol d'un texte

Résolu/Fermé
Patty5083 Messages postés 34 Date d'inscription lundi 14 avril 2014 Statut Membre Dernière intervention 10 novembre 2019 - 14 avril 2014 à 13:34
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 15 avril 2014 à 15:46
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

2 réponses

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
Modifié par animostab le 15/04/2014 à 15:49
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.
17