http://dump.untogether.co.uk/New%20Ents/temp.htm

Load that page in IE. It should count up to 100 in the middle then show the navigation bar. That works fine.

However, try reloading it. Now it doesn't work. If you reload enough times the javascript eventually stops firing altogether.

Close IE, restart and load the page up, and it's fine.

WTF?

How weird. Repeatedly?

I just tried on my housemates computer downstairs and it does the same thing.

As long as I'm not alone, then.

It's utterly mad- I thought it might be an image caching thing (the script works through image onLoads), but it turns out IE stops processing any Javascript you throw at it, even alert()s. Gaah.

test[doneimgs].src = image_url[doneimgs]+"?r="+Math.random();

Already tried that, cheers. Instead I have a huge problem of "stack overflow at line 0", which a quick Google tells me is the kind of problem no-one ever seems to solve.

Or post saying how.

var t = new Array();
function fireloading() {
	image_url[0] = "images/bottom.en/welcome_off.png";
	image_url[1] = "images/bottom.en/events_off.png";
	image_url[2] = "images/bottom.en/photos_off.png";
	image_url[3] = "images/bottom.en/win_off.png";
	image_url[4] = "images/bottom.en/touch_off.png";
	image_url[5] = "images/bottom/options_off.png";
	image_url[6] = "images/bottom.en/welcome_on.png";
	image_url[7] = "images/bottom.en/events_on.png";
	image_url[8] = "images/bottom.en/photos_on.png";
	image_url[9] = "images/bottom.en/win_on.png";
	image_url[10] = "images/bottom.en/touch_on.png";
	image_url[11] = "images/bottom/options_on.png";
	image_url[12] = "images/bottom/alternate1.png";
	image_url[13] = "images/bottom/alternate1_left.png";	  
	image_url[13] = "images/bottom/alternate1_right.png";	
	image_url[14] = "images/bottom/alternate2.png";
	image_url[15] = "images/bottom/alternate2_left.png";	  
	image_url[16] = "images/bottom/alternate2_right.png";	  
	image_url[17] = "images/bottom/alternate3.png";
	image_url[18] = "images/bottom/alternate3_left.png";	  
	image_url[19] = "images/bottom/alternate3_right.png";	
	image_url[20] = "images/bottom/alternate4.png";
	image_url[21] = "images/bottom/alternate4_left.png";	  
	image_url[22] = "images/bottom/alternate4_right.png";		 
	image_url[23] = "images/bottom/options_left.png";
	totalimgs = image_url.length - 1;
 
 
	for (i=0;i<image_url.length;i++) {
		t[i] = new Image();
		t[i].onload = bang;
		t[i].src = image_url[i];
	}
}
function bang() {
	doneimgs++;
	if (doneimgs == totalimgs) {
		delete t;
		new Effect.BlindDown('bottombar',{duration: 0.5});
	}
}

Chaars. I had a layout similar to that, but I think there's a bit of a problem with it.

Basically, the way I was doing it before loads the images in sequence, wheras that one kicks off the loading all the same time (I think). For some reason this causes IE to misbehave and stick at 91% on the odd reload, which would irritate me intensely.

Weirdly, I think I've found that the problem was the percentage display itself- setting the innerHTML property was causing the stack overflow. Now I've taken that out it all works. I think.

I strongly suspect I'll be reverting to your method eventually though- I can see this recursion thing coming back to haunt me.

http://dump.untogether.co.uk/New%20Ents/temp.htm

I hope it works, anyway.

<destroys head against wall>

It works fine here. Argh. Ctrl-F5ed? The old HTML might be caching. Maybe.