Как понять, что картинка загрузилась?

Question

[Vadim Bakhtin]

На сайте есть кнопка, которая подгружает новости (ajax) и функция сразу как получает ответ от сервера вставляет данные в блок, но многие картинки не успевают прогружаться, выглядит это не очень красиво.
Существует ли евент в js или jquery, который сработает, когда картинки загрузятся или может вы знаете какой-нибудь велосипед для решения этой задачи?

Comments

[OVK2015]

Как вариант: конвертить на сервере картинки в data:image/jpg;base64. Трафик, конечно, увеличится. Но зато ждать никакой загрузки не нужно

Answer 1

[Vadim Bakhtin]

Если вдруг кому интересно, то я сделал через объект Image(), пример:

var image = new Image();
image.onload = function(){
console.log('image.png is loaded');
}
image.src = 'image.png';

Answer 2

[Денис Князев]

stackoverflow.com/questions/1977871/check-if-an-im...