Loop till images are loaded?

[Adam]

Hi all.

 

I'm in the process of setting up a script somewhat like a gallery.. Basically I'd like to click a thumbnail, then load another, larger image. I've set up a neat looking "loading" sign to say it's now loading the image into cache.. but what I would like to know is how I could 'loop until image loaded' .. sort of speak.. so load the images in real-time.. then move on with the script.. I've done a lot of googling but now found much thats any good... Bin trying for a while so might just be too tired to think straight. silly thing is i've done it before just can't remember how :S

 

Could anybody help me out?

 

Cheers! Adam

[Adam]

A'haa .. after a nights sleep it came to me..

 

function loadImage(imgsrc) {
if (document.images) {
	preloadImg = new Image;
	preloadImg.src = imgsrc;
}	
ti = setInterval("doSomething();", 1000);
}

function doSomething() {
if (preloadImg.complete == 0) {
	return false;
}
alert('Image has been loaded!');
clearInterval(ti);
}

 

... incase anyone struggles with the same problem.

 

Adam