のJavascript（document.images）

Question

場合、私は他の人のJavaScriptコードを分析し、私はブラウザがダイナミックな画像をサポートしているかどうかを確認するために使用されている他のサイトでフンこの条件

if (document.images) 

を見つけましたよ。画像上にマウスを置くと、他の画像が読み込まれるようなものがあります。これは非常に古いJavaScriptのようです。それは今日それを使用する意味ですか？この状態に別の目的がありますか？

Answer 1

ブラウザが画像の配列をサポートしている場合、この条件はtrueを返します。あなたは、コードの並べ替えを見つけることができますどこのInternet Explorer> 3サポート通常今

Answer 2

プリロード画像を、それをチェックアウトする必要がない、これはこの記事http://www.quirksmode.org/js/support.html

をご確認ください:)そして、はい、それは非常に古いJSをですあなたは説明しています。現代のブラウザではこれは問題ではありませんが（非同期であり、一度に多数の画像をダウンロードできます。最初に何が画面に表示されているかを把握してダウンロードできます）。ただし、これを削除すると、作業しているアプリケーションのパフォーマンスが低下する可能性があります。

参考文献：

• http://www.pageresource.com/jscript/jpreload.htm
• http://perishablepress.com/press/2009/12/28/3-ways-preload-images-css-javascript-ajax/ （方法2を参照）

Answer 3

あなたが本当に古いブラウザのこの種を対象とする必要がある場合を除き、あなたは時代遅れの余分なコードとして、このチェックマークを付けることができますそして、すべての主要なブラウザがイメージのプリロードをサポートしていると仮定します（実際にはそうしています）。したがって、document.imagesオブジェクトがあります。

document.imagesオブジェクトは、現在のドキュメントに読み込まれたイメージの配列です。このイメージを使用して、後でもっと確実に読み込まれるイメージ（マウスオーバーしたイメージ）を追加してスムーズにします効果。

この条件で実行されるチェックでは、ブラウザにdocument.imagesオブジェクトがあることが保証されます。

これは実際にこのようにする必要がない限り、イメージ駆動エフェクトを設計する最良の方法ではありませんが、CSSではより良い（より速く小さな）結果が得られるためです。