質問: イメージがブラウザでレンダリングを完了した(つまりペイントされた)ときを検出するにはどうすればよいですか? Webアプリケーションでは、DOMツリーに動的に追加される多数の高解像度画像を扱う必要があります。それらはあらかじめロードされてからページに追加されます。 このような画像の読み込みが完了したことを検出するのは、 `load` イベントを使用するためですが、ブラウザ内で**レンダリングが完了した** Javascriptを使って? 高解像度の画像を扱う場合、実際のペイントプロセスには多くの時間がかかりますが、終了する時期を知ることは非常に重要です。
回答: `![]()` タグに `onload` イベントが必要です。例えば: ``` function loadImage() { alert("Image is loaded"); } ! ``` ソース イメージが別の要素の背景である場合は、イメージをバックグラウンドでロードし(単純なAjax GETリクエストを使用して)、結果が戻ったら、ロードされた後でバックグラウンドを設定します。