Q653 How can I make sure needed images are loaded before I do a redirect to another page?

You are here: irt.org | FAQ | JavaScript | Image | Q653 [ previous next ]

Load them all as WIDTH="1" HEIGHT="1":

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript"><!--
function loaded() {
    location.href = 'nextpage.htm';
}
//--></SCRIPT>
</HEAD>

<BODY onLoad="loaded()">

<IMG SRC="picture1.gif" HEIGHT="1" WIDTH="1">
<IMG SRC="picture2.gif" HEIGHT="1" WIDTH="1">
<IMG SRC="picture3.gif" HEIGHT="1" WIDTH="1">
<IMG SRC="picture4.gif" HEIGHT="1" WIDTH="1">
<IMG SRC="picture5.gif" HEIGHT="1" WIDTH="1">

</BODY>
</HTML>