У меня есть простой вопрос, но я не смог найти чистый ответ. Мне нужно загрузить тяжелые изображения после вызова ajax, и я хочу использовать анимированный gif как предварительный загрузчик. Я использую следующий код:
function loadProducts(url) {
$("#loading").show();
$('#inner').fadeOut(1).load(url + ' .product-list', function() {
$('#inner').fadeIn(1000, function() {
$("#loading").hide();
});
});
}
#loading скрывается при загрузке HTML .load(url + ' .product-list'
. Проблема в том, что тяжелые изображения все еще отображаются на экране, и я хотел бы продолжать показывать анимированный .gif до тех пор, пока рендеринг изображений не будет завершен. Есть ли способ узнать, когда отображаются изображения на экране?.
Спасибо заранее.