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 html : Sélectionner tout - Visualiser dans une fenêtre à part
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 !