Image au survol d'un texte
Résolu
Patty5083
Messages postés
35
Statut
Membre
-
animostab Messages postés 3003 Statut Membre -
animostab Messages postés 3003 Statut Membre -
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
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:
- Afficher une image au survol de la souris
- Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? - Forum Word
- Quelle touche pour débloquer la souris ? - Guide
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image de manchots sur une image de plage. retrouvez l'image originale de la plage. que cachent les manchots ? ✓ - Forum Windows
- Légender une image - Guide
- Image de manchots sur une image de plage. - Forum Graphisme
2 réponses
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.
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.
