Crear un Preload en su Página Web con JQUERY y CSS

Características:

Precargar una página web entera.
Cargar de antemano una parte de la página.
Obtiene todas las imágenes, <img> y la imagen de fondo de la CSS
Fácil de implementar.
Barra de carga ajustable.
Probado en Firefox, Safari, Opera, Chrome, IE7 IE8 y IE6 (script será ignorado en IE6 sin embargo).

Para implementar este script usted no necesita ninguna experiencia Javascript. Sólo tienes que seguir estos sencillos pasos:

1. Descargue el Archivo Comprimido.

2. Suba el contenido a su servidor web.

3 Coloque el código siguiente en la parte de su página:

<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'>
</script>

<link rel="stylesheet" href="css/queryLoader.css" type="text/css" />

<script type='text/javascript' src='js/queryLoader.js'></script>

Quite la parte jQuery si ya ha incluido el archivo.

4. Coloque este código en la parte inferior de su página:

<script type='text/javascript'>

    QueryLoader.init();

</script>

Ver Ejemplo en Vivo