Cargando página

Se trata de poner una imagen en movimiento que indica que la página se está cargando y una vez que el blog ha cargado por completo, la imagen desaparece.

Antes de </head> añadimos este código:


<!-- imagen de carga -->
<script type='text/javascript'>
window.onload = detectarCarga;
function detectarCarga() {
document.getElementById(&quot;imgLOAD&quot;).style.display=&quot;none&quot;;
}
</script>

Y para ver la imagen de carga en la esquina superior derecha:

<div align='left' id='imgLOAD' style='position:absolute;top:140px;right:182px;font-size:12pt'>
<span style='color: #7c9fbd;'>Cargando...</span>
<img src='http://img165.imageshack.us/img165/1922/loadinganimationliferaysd8.gif'/>
</div>

En "top" podemos cambiar la distancia de la imagen a la parte superior de la página.
En "right" cambiaremos la distancia de la imagen al borde de la página.

Sin comentarios

» Escribe tu comentario aquí:


Si quieres hacer alguna consulta sobre tu blog habilita tu perfil o deja un enlace a tu blog:
<a href="url-de-la-página">Texto enlace</a>

» O utiliza el antiguo formulario


Los comentarios están siendo moderados y publicados lo antes posible.



jesgo23 ©2008/2009 | Plantilla Blogger | Diseño jesgo Creative Commons License