Cargar Imágenes con JavaScript

[guitresan]

Hola a todos en el foro:

Estoy haciendo un sitio para el cual mi cliente me pidió cargar una imagen muy grande para el fondo de la página (1680px x 1050px). Mi problema es que quiero que ésta imagen se cargue en el navegador una vez que todos los contenidos del index hayan sido cargados (textos, imágenes, banners, etc).

Supongo que ésto puede ser solucionado con JavaScript pero NO se cómo hacerlo y no encuentro nada en Google. Alguien me puede ayudar por favor?

Gracias a todos por su tiempo y enseñanzas.

[zerokilled]

cuando el navegador carga todos los contenidos el navegador llama el evento onload. desde ahi puedes cargar una imagen o mas bien asignarlo de fondo a un elemento en particular mediante las propiedades css.

Código javascript:

onload = function(){
document.body.style.backgroundImage = 'url(ruta de la imagen)';
}