callback when a static html has loaded?

Question

Im aware of ways to see when an image created with javascript or jquery has loaded, such as

.loaded(callback(){

})

or imagesLoaded library,

but how do i know when image created with a plain tag inside html document has loaded?

score 0 · Answer 1 · edited May 23 '17 at 11:57

0

$(window).load() waits for the DOM and all images to load, see this question.

edited May 23 '17 at 11:57

Community

1
1

answered Mar 28 '13 at 18:50

clav

4,221
30
43

score 0 · Accepted Answer · answered Mar 28 '13 at 18:58

0

You can simply do this :

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

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

answered Mar 28 '13 at 18:58

XTop

255
2
9

score 0 · Answer 3 · answered Mar 28 '13 at 19:10

The primary issue is that the image may or may not be already loaded. I would just pre-load it as usual. If it's already loaded, the load event will still trigger.

$(function(){

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

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

});

callback when a static html has loaded?

3 Answers3