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