JavaScriptやHTMLコードでイメージをプリロードする方法は?

JavaScriptまたはHTMLコードで画像をプリロードする方法は?

多くの場合、パフォーマンスの問題のため、ブラウザのキャッシュに画像を「プリロード」する必要があります。 たとえば、マウスオーバーイベントがあり、画像を遅滞なく更新する必要があります。 この「プリロード」は、JavaScriptまたはHTMLコードの2つの方法で実現できます。

ジャバスクリプト

次のJavascriptを使用して画像を「プリロード」できます。

次のJavascriptを使用して、いくつかの画像を「プリロード」することもできます。

HTML

JavaScriptが無効になっているのはどうですか? HTMLのもう1つの汚いトリックを次に示します。 画像をロードし、幅と高さを指定して非表示にする= 1 :)、だれが気にしますか?