pre Loader para la pagina o un seccion Div

Me explico.
Cuando visitamos una pagina y esta se abre vemos como carga cada parte de la pagina, header imagen header, sidebar fondo-img del sidebar, y las imagenes del contenido una por una, iconos por aqui y por alla.
Como hago para que la pagina se retrace y no te muestre nada hasta que este totalmente cargada y asi te muestre toda la pagina de golpe y no parte por parte, Ese funcionamiento lo tiene Drupal pero es un CMS, yo quisiera implementarlo en una pagina, ayudenme plzz
Investigue en estas paginas:
http://demos.mimiz.fr/jquery/loader >>>>> pero no funcioan bien x q tienes q cerrar el loader y no tiene sentido
http://www.examplet.buss.hk/jquery/loader.php >>>> Lo mismo

http://www.gayadesign.com/diy/queryloader-preload-your-website-in-style/ >>> Tiene un bug x q se queda en la pantalla negra.

Si alguien sabe de otro metodo?? porfavor estaria muy agradecido.

Puedes poner un div encima que oculte toda la pagina que tenga un gif animado que indique que se esta cargando, una vez la pagina termine de cargarse completamente ocultas el div de carga y así la pagina se vera toda cargada de golpe.

Esto lo puedes hacer con jQuery:

Código Javascript :

//lo que pongas dentro de esta función solo se ejecutara una vez que todo el dom y las imágenes hallan cargado completamente
$(window).load(function(){
  // acá pones el código para ocultar el div de carga
});

Q chevere, si funciona gracias.
Cree un div absoluto blanco del tamaño de la pantalla y use el metodo window, y funciona bien.
PERO, sucede que alli en esa pagina hay un CYCLE de jquery, y se ve asi:
cargan las imagenes, y 0.5 segundos despues carga el cycle.js y une todas las imagenes para verlas como Cycle, pero antes de 0.5segundos las imagenes se ven una debajo de otra, Osea la idea es Que cargue todo el contenido, que carguen todos los jquery como cycle, que se aplique y que se muestre todo por pantalla de tiro. Se puede?

tambien seria bueno q carguen los CSS y que se apliquen y recién mostrar la pagina, se puede hacer eso???

El efecto que señalas en tu anteúltimo mensaje se puede disimular si al contenedor de esas imágenes le pones overflow: hidden y un alto fijo (si es que no lo tiene), eso evita que las imágenes que no caben en el contenedor "se chorreen" de éste.

DriverOp escribió:

Bueeeeena, x q no se me ocurrio antes, lo probare gracias