A voir également:
- Afficher des images au survol d'un texte
- Des images - Guide
- Excel cellule couleur si condition texte - Guide
- Transcription audio en texte word gratuit - Guide
- Mettre un texte en majuscule - Guide
- Insérer une image dans word sans bouger le texte - Guide
8 réponses
<span onmouseover="document.getElementById('toto').style.display='block'" onmouseout="document.getElementById('toto').style.display='none'">
Tu mets ici le texte qui déclanche l'affichage lors de son survol.
</span>
<div id="toto" style="position: absolute; z-index: 50; display: none;">
Tu mets ici ce que tu souhaites afficher au survol du texte.
</div>
<span onmouseover="document.getElementById('toto').style.display='block'" onmouseout="document.getElementById('toto').style.display='none'">
xxxx
</span>
<div id="toto" style="position: absolute; z-index: 50; display: none;">
<img alt="" src="xxx">
</div>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
que dois-je mettre dans : Tu mets ici ce que tu souhaites afficher au survol du texte. ?
le nom de limage, ou lendroit ou elle se situe, ou ....
le nom de limage, ou lendroit ou elle se situe, ou ....
je n'y arrive toujours pas :p si je te dis que je voudrais que : "imge1.jpg" apparaisse lorsque que je passe sur "toutes les collections" pense tu que tu pourrai menvoyer le code avec les informations que je t'ai donner stp :D ?
Merci d'avance
Merci d'avance
<p>blabla blabla blabla blabla blabla blabla blabla blabla</p>
<p>blabla blabla blabla blabla blabla blabla blabla blabla</p>
<p>blabla blabla blabla blabla <span onmouseover="document.getElementById('image1').style.display='block'" onmouseout="document.getElementById('image1').style.display='none'">toutes les collections</span> blabla blabla blabla blabla</p>
<div id="image1" style="position: absolute; z-index: 50; display: none;">
<img alt="" src="image1.jpg">
</div>
<p>blabla blabla blabla blabla blabla blabla blabla blabla</p>
<p>blabla blabla blabla blabla blabla blabla blabla blabla</p>
Si tu souhaites positionner l'image, tu ajoutes "top: ___px;" et "left: ___px;" :
<p>blabla blabla blabla blabla blabla blabla blabla blabla</p>
<p>blabla blabla blabla blabla blabla blabla blabla blabla</p>
<p>blabla blabla blabla blabla <span onmouseover="document.getElementById('image1').style.display='block'" onmouseout="document.getElementById('image1').style.display='none'">toutes les collections</span> blabla blabla blabla blabla</p>
<div id="image1" style="position: absolute; top: 500px; left: 250px; z-index: 50; display: none;">
<img alt="" src="image1.jpg">
</div>
<p>blabla blabla blabla blabla blabla blabla blabla blabla</p>
<p>blabla blabla blabla blabla blabla blabla blabla blabla</p>