precargar imagenes con javascript

Esta sencilla rutinas mientras carga las imágenes, muestra un mensaje en donde se avisa que debe esperar.

Código Javascript


<HEAD>
<script language="JavaScript" type="text/javascript"><!-- Original:  Gilbert Davis -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function loadImages() {
if (document.getElementById) {  // DOM3 = IE5, NS6
document.getElementById('hidepage').style.visibility = 'hidden';
}
else {
if (document.layers) {  // Netscape 4
document.hidepage.visibility = 'hidden';
}
else {  // IE 4
document.all.hidepage.style.visibility = 'hidden';
      }
   }
}
//  End -->
</script>
</HEAD>
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag  -->
<BODY OnLoad="loadImages()">
<!-- STEP THREE: Copy this code into the BODY of your HTML document  -->
<div id="hidepage" style="position: absolute; left:5px; top:5px; background-color: #FFFFCC; layer-background-color: #FFFFCC; height: 100%; width: 100%;"> 
<table width=100%><tr><td>Cargando ... Por Favor Espere.</td></tr></table></div> 
<!-- put the rest of your page contents here -->
<p><center>
<img src='ejemplos/ej1.gif' align=middle><br>
<img src='ejemplos/ej2.gif' align=middle><br>
<img src='ejemplos/ej2.gif' align=middle><br>
<img src='ejemplos/ej2.gif' align=middle><br>
</body>

Ver ejemplo Javascript en funcionamiento