0
Hay veces que tenemos en nuestro sitio varias imágenes, y la carga de las mismas puede demorarse bastante.
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>
El segundo código va entre las etiquetas <BODY> y </BODY>
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".
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.
0Comentarios!