He visto por ahi este codigo que asegura la precarga,
Se trata de crearnos un estilo para una capa que tenga varias líneas de background y que no se muestre, así se cargan todas las imágenes durante la carga de la página y luego las podemos usar para otras cosas como rollovers.
#preloadedImages {
width: 0px;
height: 0px;
display: inline;
background-image: url(path/to/image1.png);
background-image: url(path/to/image2.png);
background-image: url(path/to/image3.png);
background-image: url(path/to/image4.png);
background-image: url();
}
Luego tendremos que definirnos una capa de la siguiente manera:
<div id="preloadedImages"></div>
El problema es que por ejemplo en Opera no funciona, sabeis porque?
Saludos