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.

 Descargar

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
 
Share

Diseño Páginas Web

1 Estrella2 Estrellas3 Estrellas4 Estrellas5 Estrellas (No Ratings Yet)
Cargando…