Hola:
Un aspecto sobre la carga o precarga de imágenes es que no están deiponibles de verdad hasta que realmente se cargan, activando la propiedad complete de las imágenes y lanzando el evento load... cosa que puede programarse... por ejemplo:
this.onload = this.onmouseover = rollover;
Y el efecto que digo sería:
<img src="imagen1.gif" onmouseover="this.style.display = 'none'; this.nextSibling.style.display = 'inline'"
/><img src="imagen2.gif" onmouseout="this.style.display = 'none'; this.previousSibling.style.display = 'inline'"
/>
Nótese que los tags son adjascentes (no hay ni un espacio entre ambas...)
Saludos