javascript - Javascript で (JS ライブラリなしで) 画像を適切にプリロードしますか?

Question

src 属性が設定された画像があります。

画像を差し替えたいのですが、サーバーとの接続が遅く、新しい画像の読み込みに時間がかかります。

内部 Image オブジェクトを作成し、それに「onLoadListener」の種類を設定し、画像をロードしてから、元の画像の src 属性に設定する可能性はありますか?

Answer 1

このようにJavaScriptで画像をプリロードできます...

myImage = new Image();
myImage.onload = function () { alert("Loaded"); };
myImage.src = "logo.gif";

アラートの代わりに、ページに画像をポップするロジックを配置できます。