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;

Código: [Seleccionar]

$(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