javascript - 静的htmlがロードされたときのコールバック?

Question

javascriptまたはjqueryで作成された画像がいつロードされたかを確認する方法を認識しています。

.loaded(callback(){

})

またはimagesLoadedライブラリ、

しかし、HTMLドキュメント内のプレーンタグで作成された画像がいつ読み込まれたかを知るにはどうすればよいですか?

Answer 1

主な問題は、イメージが既にロードされている場合とロードされていない場合があることです。いつものようにプリロードするだけです。すでにロードされている場合でも、load イベントはトリガーされます。

$(function(){

    var src = $("#myimg")[0].src,
        img = new Image();

    $(img).load(function(){
        console.log('image loaded');
    })[0].src = src;

});

Answer 2

これを簡単に行うことができます：

 <img src='my.jpg' id='myImage' />

    $("#myImage").on('load', function(){
      // image loaded .. do something
    });

Answer 3

$(window).load()DOM とすべての画像がロードされるのを待ちます。この質問を参照してください。