Carga de imagenes lenta

[qvenmisakais]

Buenas amigos,

Estoy liado con una web, en la cual las paginas tienen una foto de fondo, y unos textos, el problema es que cuando pulso una opcion se carga el texto con el fondo en blanco y a los 2 o 3 segudos se carga la imagen, y no queda bien. Las imagenes rondan los 80 0 90kb.

He buscado por el foro, y he visto que puede ser interesante precargar la imagenes, asi que lo he hecho pero me sigue pasando lo mismo.

El tema de la precarga lo he hecho de la siguiente forma:

He creado un archivo .js donde he puesto el siguiente codigo.

var i;
var imagenes = new Array("imatges/Fondo_Noticias.jpg","imatges/Fondo_Historia.jpg");

var lista_imagenes = new Array();


function cargarimagenes(){

for(i in imagenes){
lista_imagenes[i] = new Image();
lista_imagenes[i].src = imagenes[i];
}

}

Desde la pagina Index.htm llamo a la funcion cargarimagenes, y las carga todas en el array, el problema es que en las paginas donde quiero cargar los fondos sigo poniendo esto.

body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(Imatges/Fondo_Noticias.jpg);
}

Y supongo que abra que hacer referencia al array de imagenes no?

Pues bien, este es el paso que no se hacer. Alguien me hecha una manita.

Gracias.