Miniature images

Version imprimable

Miniature images

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:

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:

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.

25/07/2011, 12h09
gwinyam

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

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:

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();
});