Este código se utiliza para mostrar a quien acede a nuestra página que las imágenes se van cargando poco a poco (por favor tengan en cuenta que dependiendo de su velocidad de conexión y la carga del servidor puede que la imagen de progreso se mueva demasiado lento o demasiado rápido).
El cual muestra una imagen al iniciar la carga y desaparece al terminar de cargar todas las imágenes que posee nuestra página.
El siguiente código va entre las etiquetas <HEAD> y </HEAD>
<!-- Cargando imágenes... --><script type='text/javascript'>
window.onload = detectarCarga;
function detectarCarga(){
document.getElementById("imgLOAD").style.display="none";
}
</script>
El segundo código va entre las etiquetas <BODY> y </BODY>
<!-- Cargando imágenes... -->
<div align='center' id='imgLOAD' style='color: blue;position:relative;top:7px;z-index:1'>
<b>Cargando imágenes...</b><br/>
<img src='http://dondeestaalogadalaimagen/loader.gif'/></div><!-- fin -->
El segundo código es el que podemos modificar a su gusto.
"center": por left o right, o ponerle una posición fija.
"top:7px;": la distancia desde arriba.
"blue": es el color de las letras.
"Cargando imágenes...": ahí lo que les guste, ej: espere a que terminen de cargar las imágenes,
o directamente no poner nada.
"http://dondeestaalogadalaimagen/loader.gif": bueno se entiende "no".
Un interesante link, una página donde puedes crear tus propios indicadores en GIF animado.
¿Donde puedo alojar mis archivos? Leer aquí.
0 comments:
Post a Comment