我如何才能重新加载这些图像?

我有一个简单的jquery图像变换器,当你悬停在上面的时候,它会使所有的图像与它们的灰色版本交换,除了你所在的版本,一个将保持颜色(它们都是从颜色开始的),当你悬停在另一个图像上的时候,最后一个图像变为灰色,新的图像变为颜色。

然而,在IE上,当你在图像中徘徊时,因为它正在改变,SRCIE会在做它应该做的事情之前,显示一秒钟的彩色版本。

代码如下:

$(window).load(function() {

//when mouse over the list item...
$('#portfolio ul li').hover(function(){

  $(this).find('img').addClass('active');
$(this).siblings().each(function(Idx){
    var imgSrc = ""+$(this).find('img').attr('src');
    var imgGS = ""+$(this).find('a').attr('rel');

    $(this).find('img').attr('src', imgGS);
    $(this).find('a').attr('rel', imgSrc);


    //alert (imgSrc + " " + imgGS);
});
  //when mouse leave...
}, function(){

 $(this).find('img').removeClass('active');
$(this).siblings().each(function(Idx){
    var imgGS = $(this).find('img').attr('src');
    var imgSrc = $(this).find('a').attr('rel');

    $(this).find('a').attr('rel',imgGS);
    $(this).find('img').attr('src', imgSrc);

    //alert (imgSrc + " " + imgGS);
});
});

//when mouse leaves the unordered list...
$('#portfolio ul').bind('mouseleave',function(){

$(this).siblings().each(function(Idx){
    var imgSrc = $(this).find('img').attr('src');
    var imgGS = $(this).find('a').attr('rel');

    $(this).find('img').attr('src', imgSrc);
    $(this).find('a').attr('rel',imgGS);

    // alert (imgSrc + " " + imgGS);
});

  });

});

如有任何帮助,我们将不胜感激:)

谢谢。