表示する前にロードする画像を待つ

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'; 
}