Hola otra vez:
Ahí va el script:
Código:
<html>
<head>
<title>
Precargas en cascada
</title>
<script>
var imagenes = [
"http://www.sucaricatura.com/2002/mini/2002V005.jpg",
"http://www.sucaricatura.com/2002/mini/2002V006.jpg",
"http://www.sucaricatura.com/2002/mini/2002V007.jpg",
"http://www.sucaricatura.com/2002/mini/2002V008.jpg"
];
var contador = 0;
function continuarPrecargando(){
if (document.images[contador].complete)
if (++contador < document.images.length)
precargando()
else alert("terminado")
else setTimeout("continuarPrecargando()", 100);
}
function precargando() {
document.images[contador].src = imagenes[contador];
continuarPrecargando();
}
</script>
</head>
<body onload=precargando()>
<img src="" />
<img src="" />
<img src="" />
<img src="" />
</body>
</html>
Lo puedes probar en mi magnífico probador de código:
http://www.pepemolina.com/probador/
Solo tienes que pegar el código en el textarea, y clickear el botón... verás que se cargan en orden, y al acabar muestra una alerta...
Espero que te sirva.
Saludos