Afficher un texte au survol de la souris sur une image
Résolu
birdy
-
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je souhaiterais qu'un texte de type légende s'affiche sur mes images au survol de la souris; j'ai trouvé des solutions qui utilisent javascript mais je ne connais pas ce langage. Y a t-il une solution avec css3 et html5 ?
Merci pour votre aide,
Je souhaiterais qu'un texte de type légende s'affiche sur mes images au survol de la souris; j'ai trouvé des solutions qui utilisent javascript mais je ne connais pas ce langage. Y a t-il une solution avec css3 et html5 ?
Merci pour votre aide,
A voir également:
- Faire apparaitre du texte au survol d'une image
- Apparaitre hors ligne instagram - Guide
- Extraire texte d'une image - Guide
- Comment faire apparaître la tabulation sur word - Guide
- Insérer une image dans word sans bouger le texte - Guide
- Légender une image - Guide
2 réponses
salut
tu peux faire en css /html4
.commentaire {display:none;}
.image{width:largeur-imagepx;}
.image:hover .commentaire {display:block;}
le html
<div class="image"><img src="image.jpg"><div class="commentaire">mon commentaire</div></div>
ou en css/html5
css
figcaption {
display:none;}
figure {width:largeur-imagepx;}
figure:hover figcaption {display:block;}
html
<figure>
<img src="image.jpg" >
<figcaption>
<p>comentaire</p>
</figcaption>
</figure>
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.
tu peux faire en css /html4
.commentaire {display:none;}
.image{width:largeur-imagepx;}
.image:hover .commentaire {display:block;}
le html
<div class="image"><img src="image.jpg"><div class="commentaire">mon commentaire</div></div>
ou en css/html5
css
figcaption {
display:none;}
figure {width:largeur-imagepx;}
figure:hover figcaption {display:block;}
html
<figure>
<img src="image.jpg" >
<figcaption>
<p>comentaire</p>
</figcaption>
</figure>
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.