Afficher un texte au survol de la souris sur une image
Résolu
birdy
-
animostab Messages postés 3003 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 3003 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,
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. -
Merci pour votre réponse. Finalement j'ai trouvé une autre solution en css3, en superposant deux images dont une comportant un texte.
