Я хочу использовать image.onload в $ .when function

Question

Я загружаю изображения динамически внутри цикла. У меня есть некоторое требование, чтобы в следующем коде, когда я загружаю изображение, а затем только предупреждающий огонь и когда предупреждение 1 срабатывает тогда а затем только предупредить 2 огня.

Мой код

for(int i=0;i<5;i++) 
    { 
    $.when(function(){ 

    var img771 = new Image(); 

    img771.src = imggg[i]; 
    img771.onload=function(){ 
     alert("1"); 
     //after image becomes loaded then and then only alert 2 fires in Done functionality. 
    } 


    } ).done(function() { 
     alert("2"); 

    }); 
    } 

Answer 1

Чтобы преобразовать загрузку изображений в (JQuery) обещание, использование:

function imageLoad(url) { 
    return $.Deferred(function(def) { 
     var img = new Image(); 
     img.onload = function() { 
      def.resolve(img); 
     }; 
     img.src = url; 
    }); 
} 

Вы можете создать массив Promises для ваших изображений:

var promises = imggg.map(imageLoad); 

, а затем передать это $.when:

$.when.apply($, promises).then(function() { 
    console.log("all images loaded"); 
});