Afficher des images au survol d'un texte
Arthurcdp
-
glopglop -
glopglop -
Bonjour,
J'aimerai savoir si il est possible que lorsque je passe la souris au dessus d'un texte "toutes les collections", il y est des images des collections qui apparaissent? Si oui je remercie beaucoup celui ou celle qui m'aideras.
Merci d'avance.
J'attend avec impatience vos réponses.
J'aimerai savoir si il est possible que lorsque je passe la souris au dessus d'un texte "toutes les collections", il y est des images des collections qui apparaissent? Si oui je remercie beaucoup celui ou celle qui m'aideras.
Merci d'avance.
J'attend avec impatience vos réponses.
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 .... -
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 -
<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>
