Hola:
Hace poco di una respuesta a un tema javascript que supongo que puede ayudarte sobre precarga:
http://www.forosdelweb.com/f13/ayuda-con-precarga-imagen-370168/
Pero basándome en mi experiencia, te comentaré la mejor forma que conozco de hacer un rollover (que me parece que es la duda principal...
La técnica es usar 2 capas superpuestas, y solo mostrar una a la vez...
Cuando pones el cursor encima de la imagen, en vez de reemplazarla la ocultas, dejando visible la del fondo, y aplicas la técnica inversa con la otra imagen, o sea que con el mouseout vuelves a mostrar la imagen que habías ocultado...
Normalmente lo he hecho solo con javascript, pero la técnica supongo que sería fácil de implementar solo con estilo...
#contenedorImagen1 {
position: relative;
width: 100px;
height: 100px;
}
#imagen0 {
position: absolute;
top: 0;
left: 0;
}
#imagen1 {
position: absolute;
top: 0;
left: 0;
}
a#enlace1 #imagen1 {visiblility: visible;}
a#enlace1:hover #imagen1 {visiblility: hidden;}
No es mi fuerte lo de los estilos, así que no puedo asegurarte de que esté bien escrito.
Si fueran imágenes con fondo transparente, habría que controlar que solo estuviese visible una de ellas.
Saludos
