Check if image is fully loaded

Question

can you help me?

How can I check if img is fully loaded before set the src with this function below?

<img class="loadlater" data-src="path/to/image.ext"/>

$(document).ready(function(){
    $(".loadlater").each(function(index, element){
        $(element).attr("src", $(element).attr("data-src"));
    });
});

Thank you

Possible duplicate of [Detect image load](https://stackoverflow.com/questions/3537469/detect-image-load) — dee-see, May 22 '18 at 00:00
But how can I check if the image is fully loaded before set the src? — Krip, May 22 '18 at 00:09

score 0 · Answer 1 · answered May 22 '18 at 00:22

0

One way you could do this is using the onLoad feature:

<img class="loadlater" data-src="path/to/image.ext" onLoad="function()"/>

This will call the function as soon as the element has loaded

answered May 22 '18 at 00:22

Abed A.H.

11
1

1

_onLoad="function()"_ will start when the image is fully loaded? – Krip May 22 '18 at 00:23
yes, as soon as the element has loaded, it wall call the function (this works for all HTML elements) – Abed A.H. May 22 '18 at 00:26

Check if image is fully loaded

1 Answers1