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í.
Leer Importante...
Enlaza el blog ...
Ultimos comentarios
Si tienes alguna opinión respecto a la entrada, tienes un punto de vista distinto, o simplemente quieres saludar, te invito a que dejes un comentario. NO SE ACEPTAN LINKS DE REFERIDOS para que los comentarios no se conviertan simplemente en una forma de publicitarse.
Elegir un botón o imagen, Seleccionar, copiar (Ctrl+C) y pegar en formulario de comentarios.
Nota: solo los miembros de este blog pueden publicar comentarios.