Определение загрузки изображений в HTML?

  • Есть ли способ определить, когда конкретный объект изображения был загружается либо в тег, либо как задний фон?
  • Есть ли способ определить, когда ВСЕ изображения в загружена страница?

Если нет, существуют ли какие-либо jquery//альтернативные методы загрузки изображений, которые позволили бы это сделать?

Спасибо

Ответ 1

1) Используйте обработчик события onload.

2) Используйте событие onload для увеличения переменной imagesloaded на 1, когда imagesloaded == document.getElementsByTagName('img').length, тогда все изображения загрузили

Возможно, вы захотите также использовать событие onerror, которое запускается, когда изображение не загружается (по какой-либо причине) вместе с onabort, когда пользователь прерывает соединение.

Ответ 2

Обработать событие onload окна (1) или (2).