Una forma sencilla . en tu head
Código CSS:
Ver original<style>
div#precarga{
display:none;
}
</style>
Código Javascript
:
Ver original<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:
Ver original<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'
);
//]]>
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