jquery - 从图像数组加载的图像

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);
});