checking if image is fully loaded

Question

I am using

if (document.getElementById('<%= MainImg.ClientID %>').complete) {
  hideLoadDiv();
}

to hide a div which indicates the image is not loaded yet,

but it hides before the image has finished loading and is shown, while the browser is giving me a message that the page is still transferring data from the server :S

Is there another function I can use to make sure that the image is fully loaded?

possible duplicate of [Javascript callback for knowing when an image is loading](http://stackoverflow.com/questions/280049/javascript-callback-for-knowing-when-an-image-is-loading) — Felix Kling, Feb 06 '11 at 11:45

score 1 · Answer 1 · answered Feb 06 '11 at 11:46

1

You can use the onload event on the image iteself:

<img src="foo.jpg" onload="hideLoadDiv();" />

Update: looks like your question is a dup

answered Feb 06 '11 at 11:46

The Scrum Meister

29,681
8
66
64

1

@Miroo so add the onload in the code behind: `MainImg.Attributes["onload"] = "hideLoadDiv();";` – Shadow The GPT Wizard Feb 06 '11 at 12:43

score 1 · Answer 2 · answered Feb 06 '11 at 11:48

1

javascript

img = new Image();
img.src = "foo.bar";
img.onload = function() {stuff();};

answered Feb 06 '11 at 11:48

Gergely Fehérvári

7,811
6
47
74

sorry what? i dont understand – Gergely Fehérvári Feb 06 '11 at 12:21
the image i should check it's loading status is runat server so onload function can't be applied on it :( – Miroo Feb 06 '11 at 12:25
runat?? what does it mean? if this means running on than my next answer: what do you mean on running an image. image is not executable. – Gergely Fehérvári Feb 06 '11 at 12:36
@fehergeri `runat="server"` means it a asp.net image control. – The Scrum Meister Feb 06 '11 at 12:54
i dont know what is asp anyway :D he should re answer his question. i answered for the javascript stuff but i cant help in asp... – Gergely Fehérvári Feb 06 '11 at 12:56
yeah but im saying this is notonly javascript and html problem.. and if i know this earlier i dont post this answer. – Gergely Fehérvári Feb 06 '11 at 13:18

score 0 · Answer 3 · answered May 31 '11 at 12:16

0

img = new Image();
img.onload = function() {stuff();};
img.src = "foo.bar";

src should go last

answered May 31 '11 at 12:16

Lev Savranskiy

422
2
7
19

checking if image is fully loaded

3 Answers3