Bonjour,

Dans ma page html de galerie-photos, je souhaite faire disparaître une image lorsque la souris ou tout mouvement utilisateur touche à la galerie-photos. Cette page doit fonctionner sous IE:

Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
        <!-- TEST ima. déjà agrandie -->
	<div id="big_img_loaded" style= "display:none;">				
		<img 	src="../images/img_012.jpg" 
			style="	width: auto;
				height: auto;"						
			alt="	img_012" />
		<!-- texte accompagnant ima. -->						
		<span 	style="	right:0;top:0;
				margin-right:95px;
				margin-top: 89px;									
				width: auto;
				height: auto;				
				color:GrayText;
				font-size:0.7em;">
				Photo:&nbsp;Toto&nbsp;
		</span>
	</div>


Code JavaScript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
 
	<!-- TEST ima. déjà agrandie -->
	<script type="text/javascript">	
 
		let test = document.getElementById("galerie");
 
		document.getElementById("big_img_loaded").style.display = "block"; <!-- Cette ligne fonctionne bien, mais pas les suiv.: -->
		test.addEventListener("mouseenter", function(){
			document.getElementById("big_img_loaded").style.display = "none";
			});					
 
	</script>

L'image apparaît bien, mais ne disparaît pas lorsque la souris est sur la galerie. Que manque-t-il à ce bout de code ?

Merci.