javascript - オブジェクトがロードされているかどうかを検出する [Javascript]

Question

特定の画像/ divがロードされているかどうかを検出する方法はありますか? たとえば、2 つの重い画像を読み込んでいて、後で画像が占有する 2 つの場所に読み込みサインを表示している場合、最初の画像が読み込まれているときに、2 番目の画像を読み込んでいる間に最初の画像を表示する方法はありますか?

Answer 1

myImage.addEventListener('load', function() { ... }, false);

画像の読み込みが完了すると、上記の関数内のコードが呼び出されます。

Answer 2

を使用new Imageして画像をプリロードしている場合は、次の操作を実行して、ロードされたことを通知することができます

var img = new Image();
img.onload = function() {
    //display the image
    document.getElementById("myDiv").innerHTML = "%3Cimg src='myimg.jpg' alt=''/%3E";
};
img.src = "myimg.jpg";

src の後にを忘れずに設定してくださいonload。

Answer 3

画像の読み込みが完了すると、その.completeプロパティは true に切り替わります。