图像从图像数组加载

Question

我正在使用imagesloaded和jquery，请参阅下面的代码。

var img = new Image();
img.src = 'abc.jpg',
          'def.jpg';
var imgLoad = imagesLoaded(img);
imgLoad.on( 'progress', function( instance, image ) {
  var result = image.isLoaded ? 'loaded' : 'broken';
  console.log( 'image is ' + result + ' for ' + image.img.src );
});

它只检查abc.jpg（源中指定的第一个图像）。代码未检查第二个图像。如何检查img.src中的所有图像？

Answer 1

ImageLoaded 构造函数采用图像数组，尝试将图片放在数组中，而不是为单个图像设置多个源。我还没有测试过它，但你的代码应该看起来像这样：

image_names = ['abc.jpg', 'def.jpg'];
images_array = [];
var i;
for (i = 0; i < image_names.lenght; i++) {
    var img = new Image();
    img.src = image_names[i];
    images_array[i] = img;
}
var imgLoad = imagesLoaded(images_array);
imgLoad.on('progress', function (instance, image) {
    var result = image.isLoaded ? 'loaded' : 'broken';
    console.log('image is ' + result + ' for ' + image.img.src);
});