Crear un Preload en su Página Web con JQUERY y CSS
20 Nov 2012
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).
Implementación:
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