加载静态html <img/>时的回调？

Question

我知道如何查看使用javascript或jquery创建的图像何时加载，例如

.loaded(callback(){

})

或imagesLoaded库，

但是我如何知道在html文档中使用普通标签创建的图像何时加载？

Answer 1

$(window).load()等待加载DOM和所有图片see this question。

Answer 2

你可以这样做：

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

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

Answer 3

主要问题是图像可能已加载，也可能未加载。我会像往常一样预加载它。如果已加载，则仍会触发加载事件。

$(function(){

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

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

});