Discussion :

[abadou]

Salut,

J'ai créer une miniature d'images ça marche bien sous Fire fox et chrome mais sous ie il affiche comme s'il n'ya pas d'images.

voici le code HTML(le chemin des images est bien correct):

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<div class="miniature">
                                <img class="of1" src="img/galerie/parution8-2.jpg" alt="Galerie Julia Navarro" >
                                <div class="zoom">
                                    <img class="of1" src="img/galerie/zparution8-2.jpg" alt="Galerie Julia Navarro" >
                                </div>
                            </div>

et voici le script:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
 $(".miniature img").hover(function(){
 
                    $("div.zoom img").hide();
                    var imgc=this.className;
                    $("div.zoom img."+imgc).css("display","block");
                }
            );
 
                $("div.zoom img").hover(function(){
 
                }, function(){
                    $("div.zoom img").css("display","none");
                }
            );

Merci d'avence.

[gwinyam]

Quelle version de IE ? Toutes ? Que dit la console de debug d'IE ?

[danielhagnoul]

Bonjour

Je vous suggère d'essayer avec le code ci-dessous et de nous donner l'erreur affichée dans la console (F12).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
// pour cacher les images au démarrage
$("div.zoom").children("img").hide();
 
$(".miniature > img").mouseenter(function(){
	$("div.zoom").children("img").hide();
 
	$("div.zoom").find("img."+this.className.split(" ")[0]).show();
});
 
$("div.zoom").children("img").mouseleave(function(){
	$(this).hide();
});