Cargando sitio en jQuery
De seguro todos habrán visto en alguna oportunidad el famoso cargando sitio que aparece mientras la pagina completa se carga, esto se puede hacer de varias formas mas o menos parecidas utilizando Javascript, pero nunca vi algo similar a lo que se puede lograr con Query Loader, una pequeña implementación en jQuery que nos permite personalizar el efecto a mostrar durante la carga del sitio.
La implementación de este script es de lo más simple:
1. Descarguen el código del sitio oficial.
2. Subirlo al servidor.
3. Colocar la llamada al javascript desde alguna parte del código del sitio, obviamente quitar la llamada a jQuery si ya la están realizando con anterioridad.
-
<script type='text/javascript' src='http://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>
4. Colocar este código al final del código y listo!
-
<script type='text/javascript'>
-
QueryLoader.init();
-
</script>
Es fácil de utilizar, pero les recomiendo que miren mas opciones de personalización, ya que esta script esta preparado para personalizarse muy bien.
Pueden ver una demo y decidir si utilizarlo o no en algún desarrollo.
Tags: jQuery
Noviembre 4th, 2009 a las 15:15
Excelente nota, el efecto me ha gustado mucho y no veo ninguna dificultad en implementarlo.
Se podra integrar con Blogger?
Saludos
Noviembre 4th, 2009 a las 19:59
[...] This post was mentioned on Twitter by Argentina Feeds and Juan Maria Nieves, Cristian. Cristian said: Cargando sitio en jQuery | Kabytes – http://is.gd/4NhbY [...]
Noviembre 6th, 2009 a las 1:43
Disculpe la molestia y la ignorancia..
al final de que código debo colocar la parte 4.
..
Le insisto que indique en que parte…ok
D.T.B