Bonjour

J'ai fait un petit morceau de code qui permet, lorsqu'on passe la souris sur une zone de l'image, de voir la zone en plus grand (en l'affichant sur le côté).
Pour le principe je me suis inspiré de ceci : http://www.cssplay.co.uk/menu/old_master.html

Mon script peut être trouvé ici : http://bugsie.kaelkael.no-ip.org/image_zoomable.php

Dans Opera 9, Firefox 1.5, Konqueror 3.5.3 le script marche bien mais avec IE 6 il y a un problème...

Lorsqu'on passe la souris sur la zone de l'image, la grande image apparaît bien sur le côté mais quand la souris quitte la zone ... l'image sur le côté ne veut pas disparaître. Pourtant le fait que la bordure se mette en rouge indique qu'IE a bien traité ce morceau de code :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
#imageZoomable2 a img {
  display : none;
  border : 2px solid red;
}
IE a-t-il oublié comment faire un display:none ? Il y a un rituel vaudou à exécuter pour que cela marche ? ou alors il ne me reste plus qu'à prier pour que tous les utilisateurs d'IE se mettent à utiliser un navigateur web ?

Sérieusement, ça fait un petit moment que je cherche et je ne vois pas ce qui peut poser problème à IE ... j'ai regardé dans le code CSS de CSS PLay et ils utilisent le même principe pour faire disparaître l'image... (j'ai aussi essayé avec un visibility:hidden sans plus de succès)

Merci d'avance pour votre aide