Hola:
Me parece que el código que tienes lo publiqué yo hace algún tiempo (o al menos es mi estilo...), te cuento un par de cosas para que consigas tu objetivo...
Si la imagen que quieres poner es con un tag img, sería parte del array de imágenes, así que también se contabilizaría en el script... aunque no creo que cambiase mucho, ya que tal vez sea la primera de imágenes a leer.
Pero también puedes poner encima de la página una capa con la imagen de fondo centrada con estilos, y de esa forma evitarías que ese mismo gif sea parte del array de imágenes (document.images)
la idea es algo así:
<body>
...
<div id="ocultador" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: white url(cargando.gif) no-repeat center center"></div>
</body>
Otro apunte es que en vez de temporizar una rutina para consultar el estado de carga de las imágenes, podrías programar el evento asociado...
var total;
function cargada() {
if (--total == 0) // se cargaron todas
document.getElementById("ocultador").style.visibil ity = "hidden";
}
window.onload = function() {
total = document.images.length;
for (i = 0; i < total; i++) document.images[i].onload = cargada;
}
Lo puse "a capella", pero lo importante es que pilles la idea.
Saludos
