图像预加载器不在IE中工作

Question

我有以下代码来预加载图像：

preloader : function(images) {
        var imgCount = images.length;
        var counter = 0;
        $.each(images, function(i, n) {
            alert('hi');
           // load each image
           $("<img />").attr("src", n).load(function() {
               counter++;
               if(imgCount == counter) {
                   $('#loader').hide();
                   $('#wheel').show();
               }
           });
        });
    }

我这样称呼的是：

preloader(['../images/image1.png','../images/image2.png','../images/image3.png']);

它在Firefox中工作正常，但在IE中它不起作用。 我收到所有3个警报，所以每个循环运行，但它只加载第一个图像。 如果我只输出数组中的一个图像，我会进入最后的if语句并显示和隐藏div。 但是不止一个图像就会出现。 正如我所说，这在FF中运行良好，所以它不是图像或图像丢失等路径的问题。

任何想法？ 我真的很难过。

Answer 1

有相同问题的人详细解释：

http://www.mattfarina.com/2007/02/01/preloading_images_with_jquery

您需要延长img元素的生命周期，直到图像实际加载为止。

Answer 2

我总是使用这个梦幻般的插件： http ： //flesler.blogspot.com/2008/01/jquerypreload.html

$.preload([ 'red', 'blue', 'yellow' ], {
    base:'images/colors/',
    ext:'.jpg'
});

除了它编码良好的事实 - 预装图像的问题，即这个插件处理。