How to Delay an Image/HTML loading?

External Since: Aug 20, 2004 Posts: 38

I need to delay something either an image or a table from loading for 2-5
seconds. So far I have not find a good method.

I need the rest of the page, even the codes after the delayed image, to be
displayed in real time.

External Since: Aug 16, 2004 Posts: 1

It depends on what you want to do.

The first idea could be, give an id to the image and then
function foo(){
document.getElementById("imageId").src="mygif.gif";
}
<body onLoad="foo()">

this changes the src of the image only after the page has loaded. But maybe
you mean you don't even eant the image tag till then... If so:

you can create a layer where the image is hosted and create an image node
within it after the page has loaded

DO give an id to the layer meant to host the image, say:

<div id="layer1"></div>

Now:

function foo(){
var appendToId = document.getElementById("layer1");
var image = document.createElement("IMG"); //UPPERCASE!
appendToId.appendChild(image);
image.width=100;//custom
image.height=100;//custom
image.src="mygif.gif";//custom
}

then <body onLoad="foo()">

I hope I didn't insert any typo or silly error, writing on the run you see,
but they seem valid ideas

ciao
Alberto
<a style='text-decoration: underline;' href="http://www.unitedscripters.com/" target="_blank">http://www.unitedscripters.com/</a>

"http://links.i6networks.com" <SaveWorldFromAids DeleteThis @alexa.com> ha scritto nel
messaggio news:KlZTc.2000$FZs1.294@news04.bloor.is.net.cable.rogers.com...
> I need to delay something either an image or a table from loading for 2-5
> seconds. So far I have not find a good method.
>
> I need the rest of the page, even the codes after the delayed image, to be
> displayed in real time.
>
>
>