addEventListner et mouseover sur image
Bonsoir.
Voilà mon souci.
Je souhaite réaliser un petit diaporama défilant.
J'utilise donc un bout de code php pour lire le dossier où sont stockées les images puis un bout de code php pour générer les miniatures dynamiquement et les stocker sur le serveur.
La partie affichage des images et le défilement fonctionnent bien.
Donc, j'ai en suite souhaité que lorsque l'on survole l'image, celle-ci s'affiche en plus grand en aperçu. Rien de plus simple me direz vous... Certes. Mais sans utiliser le onMouseOver/onMouseOut sur ma balise img (ce qui n'est pas le cas actuellement, bricolage oblige).
Voici la structure de mon HTML :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| <body onload="AutoScroll()">
<div id="Debug"></div>
<div id="VisualiseurPhoto"></div>
<div id="C_Site">
<div id="C_Zone_Scroll">
<div id="C_images">
<img src="/modules/communs/img.php?d_image=<?php echo $dossier_photos_medium; ?>&image=<?php echo $fichier; ?>"
onmouseout="Mask_Apercu_Img(this.alt)"
onmouseover="Apercu_Img(this.alt);" />
</div>
</div>
</div>
<div id="Apercu_Imgage"></div>
</div>
</body> |
Donc, je vous explique :
Dans la partie javascript, j'utilise le gestionnaire d'événement en attachant des événements sur la div "C_images".
Code:
1
2
| var C_Img = document.getElementById('C_images');
C_Img.addEventListener("mouseover",StopScroll,false); |
Mon problème, c'est que je souhaiterais que l'événement "onscroll" soit capturé seulement sur les images, et non pas sur l'ensemble du div "C_image".
Pourriez-vous m'aider ?
Merci d'avance.
