jQuery：預加載一組圖像，但只有在沒有其他加載的情況下

Question

jQuery有可能識別瀏覽器當前是否沒有加載任何東西，以及我的意思是同時加載圖像和.load Ajax調用等。

我想實現的目的是暗中（隱藏）在背景中預加載一組圖像（重量較重），但不會分散其他加載過程。這意味着如果瀏覽器沒有其他任何操作，它們只會預加載，並且如果別的東西開始加載，也會停止預加載。

有什麼建議嗎？

Answer 1

看看Ajax Events，特別是ajaxStop全球事件。至於知道圖像何時完成加載，可以使用load事件。例如：

$("#myImage").load(function() { 
    alert("image has completely loaded!"); 
}); 

把那些一起：

$("selector").ajaxStop(function(event,request,settings){ 
    var $img = $('<img src="foo.jpeg" id="myImage"/>'); 
    $img.load(function() { 
     alert("image has completely loaded!"); 
     $("div").append($(this)); 
    }); 
});