javascript - 图像预加载器在 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 会显示和隐藏。但如果图像超过一张，Ie 就会出错。正如我所说，这在 FF 中运行良好，因此不存在图像路径或图像丢失等问题。

有什么想法吗？我真的很困惑这个。

Answer 1

有同样问题的人详细解释:

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

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