L'image ne s'affiche pas dans IE

Question

L'exemple de code suivant est en cours d'utilisation. Les images ne sont pas affichées dans les versions d'IE.

Code HTML:

<div class="container" style="text-align:center;"> 
<ul class="thumb"> 
    <li style="height:220px; padding: 0 40px 0 0; overflow:visible; 
     position: relative;"> 
    <img width="246px" height="208px" src="images/about4.jpg" 
     alt="Biomimetic and Biological Materials"/> 
    </li> 
</ul> 
</div> 

jQuery:

<script type="text/javascript"> 
$(document).ready(function(){ 

//Larger thumbnail preview 

$("ul.thumb li").hover(function() { 
    $(this).css({'z-index' : '10'}); 
    $(this).find('img').addClass("hover").stop() 
     .animate({ 
      marginTop: '-110px', 
      marginLeft: '-110px', 
      top: '50%', 
      left: '50%', 
      width: '600px', 
      height: '400px', 
      padding: '20px' 
     }, 200); 

    } , function() { 
    $(this).css({'z-index' : '0'}); 
    $(this).find('img').removeClass("hover").stop() 
     .animate({ 
      marginTop: '0', 
      marginLeft: '0', 
      top: '0', 
      left: '0', 
      width: '246px', 
      height: '208px', 
      padding: '5px' 
     }, 400); 
}); 

//Swap Image on Click 
    $("ul.thumb li a").click(function() { 

     var mainImage = $(this).attr("href"); //Find Image Name 
     $("#main_view img").attr({ src: mainImage }); 
     return false;  
    }); 
}); 
</script> 

que je fais quelque chose de mal? merci :)

Answer 1

Il travaille aussi dans IE .. ..

http://www.jsfiddle.net/antiflu/GWyAg/

Quel est exactement votre problème?

Answer 2

Essayez de mettre l' « image swap clic » clic gestionnaire intérieur le $(document).ready(function() {, pour vous assurer qu'il est lié une fois que le DOM est prêt pour le traitement JavaScript.

Answer 3

Regardez votre mise en page et le code REFERENCEE Vous recherchez:

$("ul.thumb li a") 

mais sous étiquette "ul.thumb li" vous ne disposez que "img", pas "un".

Peut être le problème est dedans.