Imagen de "cargando..."

maraf1 · #1 (**permalink**) 14/11/2008, 05:06

Tengo un problema.
Estoy intentando que mientras cargo una página me aparezca una imagen ANIMADA. He hecho lo de tener dos div, el de la imagen encima del otro y ocultarlo cuando haga el onload....

Lo que ocurre es que funciona correctamente pero la imagen no se hace animada hasta que se carga toda la páginina (he estado debuggeando y no ocultandola... y se pone a animarse cuando toda la página está cargada.....)

¿Como puedo hacer que se anime desde la primera vez que aparece....

maraf1 · #2 (**permalink**) 14/11/2008, 05:19

Este es el código que estoy utilizando:

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

function loadImages() {
document.getElementById('hidepage').style.visibili ty = 'hidden';
}

</script>
</HEAD>

<BODY OnLoad="loadImages()">

<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>Page loading ... Please wait.</td></tr></table></div>

Parte del código que estará cargando.....

</body>
</html>