Подождите, пока изображение не будет загружено перед отображением

Question

Есть ли простой код HTML/XHTML/CSS для отображения изображения после его полной загрузки?

Причина в том, что у меня довольно большое фоновое изображение и изображение заголовка (Bytes-Wise), и вы хотите дождаться, когда изображение будет полностью загружено до того, как оно будет отображаться в браузере.

Я считаю, что просмотр загрузки изображения бит-бит-бит немного непривлекателен.

Спасибо! Aaron

Answer 1

Начните с visibility:hidden и измените его на visibility:visible на обработчик события onload.

редактировать: пример

В вашем HTML, есть:

<img onload="imgLoad(this)" style="visibility:hidden" ... /> 

В вашем скрипте есть:

function imgLoad(img) { 
    img.style.visibility='visible'; 
}