pre cargar archivos jquery

[edward18_1]

Hola, quisiera saber algun metodo para pre cargar mis archivos! entre imagenes musicas..etc! con jquery

es recomendable usar la funcion .load()? para este tipo de casos, lo que quiero es pre cargar para que en caso de que este sea mostrado, ya este cargado totalmente o casi en su totalidad! Gracias a quien me pueda ayudar :D

[emprear]

Una forma sencilla . en tu head

Código CSS:

<style>
div#precarga{
display:none;
}
</style>
 

Código Javascript:

<script type="text/javascript">
//<![CDATA[
$.PrecargarContenido = function(){
for(var i = 0; i<arguments.length;i++){
$("#precarga").load(arguments[i])
}
}
//]]>
</script>
 

en tu body creas un div con id="precarga"

y antes del cierre del body

Código HTML:

<script type="text/javascript">
//<![CDATA[
$.PrecargarContenido(
'/competencia2011/css/josefin/JosefinSlab-SemiBold-webfont.ttf',
'/competencia2011/css/josefin/JosefinSlab-Bold-webfont.ttf',
'/competencia2011/img/santa.png',
'/competencia2011/img/sexy.png',
'/competencia2011/img/amianto.png',
'/competencia2011/img/cand.cur',
'/competencia2011/img/carro.png',
'/competencia2011/img/contorno-tierrafire.png',
'/competencia2011/img/est-h.png',
'/competencia2011/img/estrellas.png',
'/competencia2011/img/luna.png',
'/competencia2011/img/regalo.png',
'/competencia2011/img/renos.png',
'/competencia2011/img/smart.png',
'/competencia2011/precarga.txt'
);
//]]>
</script>
</body>
 

la última script contiene la ruta de los archivosa precargar, que como ves puede ser todo tipo de contenido, texto, imágenes, fuentes, incluso swf.
Obviamente no hay que abusar

Demo funcionando

http://foros.emprear.com/competencia2011/

En la introducción se precargan contenido que van a usarse en la página siguiente

SAludos

[edward18_1]

Muchas gracias! otra pregunta...el explorador ya luego que carga el contenido, debe cargarlo cada vez q se muestre? o queda guardado en el cache o algo asi? o sea en total! quiero decir que si se desea acceder a la pagina con el contenido pre cargado por segunda vez! el proceso de pre carga es mas rápido o mas lento? Gracias!

[emprear]

Te explico, en realidad todos los archivos que se leen al cargar una página, se guardan en la cache, en este caso en particular, los estás precargando, es decir, aunque todavía no se deban visualizar, ya quedan alojados en la cache, un ejemplo típico, hacés un botón con una imagen de fondo, que la hacerle over con el mouse, cambia de imagen, si vos no precargaste esa imagen, al hacer el over, seguramente vas a ver un pequeño parpadeo, como que el fondo por un instante, queda en blanco, si la precargás, ese problema no ocurre.
Pero lo anterior es solo una parte de la cuestión, la otra es el tiempo que los archivos permanecen disponibles en la cache del navegador, lo que se controla con el llamado "tiempo de expiración", ese tiempo por defecto es minimo, pero puede ser controlado, si los archivos son estáticos (imágenes que vas a usar siempre, fuentes, flash, css, js, etc) entonces te conviene complementar la precarga con un aumento del tiempo de vigencia del archivo en la cache, insisto en el concepto, los archivos, "siempre" se alojan en la caché, cuando el navegador lo tiene que volver a mostrar, revisa primero la fecha de expiración, y si esta no caduco, carga el archivo nuevamente, pero desde la cache, y no del servidor. Para aumentar dicho tiempo, lo aconsejable es utilizar .htaccess y mod_headers ó mod expires, en este post un par de ejemplos
http://www.forosdelweb.com/f58/espec...-cache-976380/

Saludos

[edward18_1]

Perfecto compañero, muchísimas gracias! estaré revisando e implementando! cualquier cosa le digo :D