Comunidad PHPeros
Lenguajes => JavaScript => Mensaje iniciado por: RumbaStereo en 14 de Septiembre de 2012, 00:40:14 am
-
Buenas a todos,
Tengo una pagina ya realizada solamente es que ella almacena demasiadas imagenes, y quisiera antes de mostrar la web mostrar una clase de intro (PRELOADER) donde carguen las imagenes y cuando terminen de cargar mostrar la web; yo eh pensado en colocar un div en z-index:2; con un contenido de preloader pero no se como realmente hacer para que cuando carguen las imagenes este div deje de mostrar, porfavor podrian ayudarme, muchas gracias.
-
No lo probe pero debe funcionar.
lo que hace es contar el total de imágenes que hay en el documento, y sumar 1 a la variable i cada vez que una se carga (con el evento load), cuando i es igual al total de imágenes que hay el documento desaparece el div con z-index:2; que mencionaste.
Obvio debes tener jQuery incluido en el documento;
$(document).ready(function(){
var totalImages = $("img").size();
var i = 0;
$("img").each(function(){
$(this).load(function(){
i++;
if(i==totalImages){
//Código para quitar el mensaje de carga.
$("#Preloader").fadeOut();
}
});
});
});
-
No lo probe pero debe funcionar.
lo que hace es contar el total de imágenes que hay en el documento, y sumar 1 a la variable i cada vez que una se carga (con el evento load), cuando i es igual al total de imágenes que hay el documento desaparece el div con z-index:2; que mencionaste.
Obvio debes tener jQuery incluido en el documento;
$(document).ready(function(){
var totalImages = $("img").size();
var i = 0;
$("img").each(function(){
$(this).load(function(){
i++;
if(i==totalImages){
//Código para quitar el mensaje de carga.
$("#Preloader").fadeOut();
}
});
});
});
Muchisimas Gracias Luis Le eh cambiado algunas cositas pero era lo que necesitaba k+ Saludos