Affichage image en grand sur le over
Bonjour,
Après une recherche sur le forum, j'ai utilisé le code de cette discussion : https://www.developpez.net/forums/d1...e-souris-texte
Ça marche mais il manque quelque chose ; Pour faire simple, l'image s'est afficher en tout petit et semble t-il dans le cadre du texte que j'avais défini plus tôt. En fait, j'aimerai que l'image s'affiche comme si cela se faisait par-dessus la page web et en plus grand du coup (ou en taille originale de l'image).
L'url pour voir le rendu actuel (Sous "La pureté (Clarity)") : www.secretgarden109.fr/test/diamants/
Vous trouverez ci-dessous le code :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| <script type="text/javascript">
function show(){
document.getElementById('image').style.display = 'block';
}
function hide(){
document.getElementById('image').style.display = 'none';
}
</script>
<a href="#" onmouseover="show();" onmouseout="hide();">Les codes suivant.</a></br>
<img id="image" style="display:none;" src="http://www.secretgarden109.fr/test/wp-content/uploads/2018/05/Pureté.jpg"/> |
Merci par avance pour votre aide !
