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