imagen indica cargando

lince_159 · #1 (**permalink**) 04/06/2005, 12:31

como podria poner que cuando entran a la web ponga Cargando , cuando se a cargado , desaparezca? x ejemplo como www.crackmanworld.com , que pone Cargando en 1 imagen , y cuando se a cargado desaparece

gracias de antemano

leaizza · #2 (**permalink**) 04/06/2005, 14:45

estoy buscando lo mismo...

caricatos · #3 (**permalink**) 04/06/2005, 18:19

Hola lince_159 y leaizza:

Hay en las FAQs javascript un mensaje donde se explica como poner una barra de progreso...

Lo que se cargan son las imágenes, y la teoría sería así:

Cuando se carga la página se activa el evento onload (que se suele poner en la etiqueta body), pero las imágenes suelen ser otra cosa, y cada imagen tiene un atributo (complete) que indica si se ha cargado completamente, entonces se debe chequear el atributo de cada imagen, y cuando todos los atributos "complete" de las imágenes esten activados se "oculta" el mensajito de cargando...

Saludos

Isabel_Maria · #4 (**permalink**) 05/06/2005, 13:59

Caricatos, corrigeme, pero para las imagenes de fondo la propiedad complete creo que no valia o si?

Saludos.

caricatos · #5 (**permalink**) 05/06/2005, 16:39

Hola Isabel_Maria:

Tienes razón, aunque siempre se puede crear un objeto imagen con la ídem que quieras usar de fondo...

<script>
var imagen = new Image();
imagen.src = "miImagen.jpg";

function cargando() {
if (imagen.complete) cargada()
else setTimeout("cargando()", 100)
}

function cargada() {
document.getElementById("precarga").style.display = "block";
}
</script>
<body onload="cargando()" >
...
<div id="precarga" style="background-image: url(miImagen.jpg); display: none" >...cargada...</div>

Lo puse de memoria, así que puede dar algún error, pero espero que se vea la idea.

Saludos