Изображение не отображается в IE

Question

Используется следующий пример кода: Изображения не отображаются ни в одной из версий IE.

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> 

Я что-то не так делаю?спасибо:)

Answer 1

Работает .. тоже в IE ..

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

В чем конкретно ваша проблема?

Answer 2

Попробуйте поместить обработчик клика «Обмен изображениями по клику» внутри $(document).ready(function() {, чтобы убедиться, что он привязан, как только DOM будет готов для обработки JavaScript.

Answer 3

Посмотрите на свой макет и ссылочный код Вы ищете:

$("ul.thumb li a")

но в разделе "ul.thumb li" у вас есть только тег img, а не "a".

Может быть, проблема в этом.