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
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
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
- Comment activer le pavé tactile sans souris - Guide
- Image iso - 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 Graphisme
- Combien y a-t-il de bateaux dans la zone de 475 pixels de large et 1000 pixels de haut à partir du coin supérieur gauche de cette image ? - Forum Photoshop
2 réponses
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
738
Modifié par animostab le 15/04/2014 à 15:49
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.
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.