在顯示之前等待圖像加載

Question

是否有一個簡單的HTML/XHTML/CSS代碼用於在完成加載完成後顯示圖像？

原因是因爲我有一個相當大的背景圖像和標題圖像（Bytes-Wise），並且希望等待圖像在瀏覽器中顯示之前被完全加載。

我相信一點一點觀看圖片加載是沒有吸引力的。

謝謝！ Aaron

Answer 1

從visibility:hidden開始，在圖像的onload事件處理函數中將其更改爲visibility:visible。

編輯：例如

在你的HTML，具有：

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

在腳本中，有：

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