imagesloaded from image array

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 Constructor принимает массив изображений, пытается помещать ваши изображения в массив вместо настроек нескольких источников для одного изображения. Я не тестировал его, но ваш код должен выглядеть так:

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