我如何知道一批图像被加载？

Question

我有一个Javascript地图工具包，它使用图像对象来加载图像。每次移动/调整地图大小时，都会加载许多图像。但是我想知道如何在执行移动/调整大小操作后加载所有图像时启动某个功能。

有没有一种方法可以创建像“allimages.onload = function（）{}”这样的侦听器？

或者是否有任何解决方法？

Answer 1

您将不得不保留尚未加载的图像的数量，并在出色图像计数达到0时调用最终功能。

function nofunction() {} 

function loadImages(srcs, callback) { 
    var images= []; 
    var imagen= srcs.length; 
    for (var i= 0; i<srcs.length; i++) { 
     var image= new Image(); 
     image.onload=image.onerror= function() { 
      imagen--; 
      if (imagen==0) { 
       this.onload=this.onerror= nofunction; 
       callback(); 
      } 
     }; 
     image.src= srcs[i]; 
     images.push(image); 
    } 
    return images; 
} 

... 

var images= loadImages(['/img/1.gif', '/img/2.gif'], function() { 
    alert('yay'); 
}); 

for (var i= 0; i<images.length; i++) 
    mapelement.appendChild(images[i]); 

Answer 2

不久前我写了a blog post关于检测单个图像的负载。您可以使用该示例来构建检查是否加载了所有图像的函数。我希望这会有所帮助。