ページの読み込み中にすべての画像をキャッチ

onloadがトリガーされる前に、ページの読み込み中にすべての画像をキャッチすることはできますか？ページの読み込み中にすべての画像をキャッチ

onloadイベントの後、すべてのイメージを背景にいくつかのAjaxアイコンとともにロードしたいとします。

2011-07-26 Somebody

http://stackoverflow.com/questions/1206937/javascript-domready あなたのために働くかもしれない、ページが読み込まれている間） – walialu

あなたはonloadイベントを使用せずに、ページ内の任意のJavaScriptコードを実行することができます（http://bytes.com/topic/javascript/answers/147703-there-any-call-before-body-onloadを参照）

<html> 
    <head> 
     <script>alert(0)</script> 
    </head> 
    <body onload="alert(2)"> 
     ... (content) ... 
     <script>alert(1)</script> 
    </body> 
</html>

_{（アラート順：0、1、2）}

を

今、 alert(1)の時点で、document.getElementsByTagName()を使用して、imgタグを選択して、必要なものを何でもできます。表示されたスクロール領域に入るまでイメージのロードを延期するスクリプトを作成することも可能です。これは画像付きの膨大なリストに便利です。

しかし、より簡単な解決策は、CSSを使用し、各img要素に背景画像を適用することです。

出典

2011-07-26 13:21:40 Pindatjuh

私はこのtehniqueを知っています、それは遅延ロードと呼ばれています。どの段階でこれを「イメージの読み込みを延期する」ことが可能ですか？ありがとう;）私はイメージがDOM準備完了イベントの後でレンダリングされることを理解している？ – Somebody

完全なページ（イメージを含む）がレンダリングされるとDOM readyが呼び出されます。（http://api.jquery.com/ready/を参照してください） – Pindatjuh

私はスタックdocument.getElementsByTagName（ 'img'）から画像を削除しようとしているとき、その半分は未定義です。私は文書の最後に、の直前にそれを試しています。それが私が求めている理由です – Somebody

移行要素を使用することを検討してください。これはオンロードに置き換えることができます。

<a rel="image" href="path/to/img"><img src="loader.gif"></a>

埋め込みフラッシュ。

出典

2011-07-26 13:18:14

はJavaScriptでこれを行うことができますか？ – Somebody

これはテンプレートに実装するのが最善です...あなたがPindatjuhの答えに行くことができない場合 –

ページの読み込み中にすべての画像をキャッチ

答えて

関連する問題