Image au survol d'un texte

Résolu
Patty5083 Messages postés 34 Date d'inscription   Statut Membre Dernière intervention   -  
animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   -
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   Statut Membre Dernière intervention   738
 
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