JQuery скрипт не работает в т.е

Question

Когда я нажимаю на миниатюры, этот скрипт меняет ссылку и путь к изображению большой картинки, он отлично работает во всех браузерах, кроме) IE

    $('.image').click(function(event) {
    event.preventDefault();
    var imagePath = $(this).attr("href");
    var newImg = new Image;
    newImg.src = imagePath;
    newImg.onload = function(){
        $('#big_picture2').hide();
        $('#big_picture2').attr('src', imagePath);
        $('.product_image_large').attr('href', imagePath);
        $('#big_picture2').fadeIn('slow');
    };
});

HTML выглядит так:

<a href="/documents/product/#GET_IMAGE_BIG.path#" id="thumb1" onclick="return hs.expand(this, { slideshowGroup: 1 } )" class="product_image_large"><img src="/documents/product/#path#" id="big_picture2" border="0" /></a>

<a href="/documents/product/#get_product_images.path#" class="image"><cf_get_server_file output_file="product/#get_product_images.path#" title="#get_product_images.detail#" output_server="#path_server_id#" output_type="0" image_width="45" image_height="41"></a>

cf_get_server_file не беспокоит, это просто динамический код холодного синтеза, он отлично работает.

Answer 1

onLoad не сработает в IE, если изображение уже кэшировано, попробуйте проверить атрибут complete, который IE добавит при загрузке изображения.

Answer 2

Не уверен, решит ли это всю проблему, но вы устанавливаете событие onload после определения свойства src.Это требует неприятностей.Сделай это наоборот.

Answer 3

Добавить $(document).ready() вокруг.