Necesito una ayudita, estoy montando una web que tarda bastante en cargar, pero no me interesa reducir el peso porque me gusta así, por eso pensé en ponerle una imagen de ´cargando...´ mientras se carga la pagina pero no sé como hacerlo he estado buscando y he encontrado varias cosillas, pero ninguna hace exactamente lo que yo quiero, supongo que modificando un poco el código de alguna de las posibilidades que he encontrado se podrá hacer, pero como no sé javascript no sé como hacerlo.
Una de ellas es:
<html>
<head>
<title>Título</title>
<div ID="waitDiv" style="position:absolute;left:300;top:300;visibili ty:hidden">
<table cellpadding="6" cellspacing="0" border="1" bgcolor="#000000" bordercolor="#FFFFFF">
<tr><td align=center>
<font color="#ffffff" face="Verdana" size="4">Cargando página...</font>
<img src="/images/cargando.gif" border="1">
</td>
</tr></table>
</div>
<SCRIPT>
<!--
var DHTML = (document.getElementById || document.all || document.layers);
function ap_getObj(name) {
if (document.getElementById)
{ return document.getElementById(name).style; }
else if (document.all)
{ return document.all[name].style; }
else if (document.layers)
{ return document.layers[name]; }
}
function ap_showWaitMessage(div,flag) {
if (!DHTML) return;
var x = ap_getObj(div); x.visibility = (flag) ? 'visible':'hidden'
if(! document.getElementById) if(document.layers) x.left=280/2; return true; } ap_showWaitMessage('waitDiv', 3);
//-->
</SCRIPT>
</head>
<body>
Cuerpo del sitio
</body>
<SCRIPT language=javascript>
<!--
ap_showWaitMessage('waitDiv', 0);
//-->
</SCRIPT>
</html>
...Pero tiene el problema de que se va viendo como van cargando las imagenes hasta que termina el proceso de carga y entonces se borra el gif de cargando. Y yo lo que quiero es que salga el gif pero no se vea el resto de la pagina hasta que esté totalmente cargada.
El segundo ejemplo es:
<script language="javascript">
<!--
function precargar() {
imgs = document.images;
precargadas = true;
for (var i = 0, total = imgs.length; i < total; i ++)
precargadas = (precargadas && imgs[i].complete);
if (precargadas) document.body.style.visibility = "visible";
else setTimeout("precargar()", 100);
}
//-->
</script>
</HEAD>
<BODY onLoad="precargar()" style="visibility: hidden">
Que hace que no se vea nada hasta que se carge completamente la pagina. Pero tampoco esto es exactamente lo que busco.
Lo que yo quiero es que salga solo el gif de cargando mientras se carga toda la pagina y luego desaparezca el gif y aparezca la pagina cargada.
Quizás la solucion sea llamar a la página a cargar desde otra anterior pero tampoco sé como hacerlo. Por favor si alguien me pudiera prestar una ayudita le estaría muy agradecido. La verdad es que esto me está mareando muchísimo. Muchas gracias por adelantado.
