从图像数组加载的图像

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

从图像数组加载的图像

imagesloaded from image array

jquery

imagesloaded