como hacer precargas en javaScript??

Hola estoy haciendo un catalogo pero tengo un problema en las recargas quise crear un div con una imagen gif animada para que se mostrara y no se visualiza nunca por que??

lo que se me ocurre de momento es que el div donde tienes la animación de la precarga, esté visible por default y al evento de que ya el DOM esté cargado, se desaparezca. Pero cuénta mas detalles de lo que tienes, ¿usas alguna librería? ¿en qué evento pone a aparecer la animación de precarga?

ok mira mmmmmm en el css tengo el div que se llama contIMG asi:
.contIMG{
background-image:url('images/load.gif');
float:left;
height:180px;
margin:0 0 60px 17px;
width:180px;
cursor:pointer;
}
segun yo en teoria desde que empiesa la pagina y se muestra por primera vez deveria visualizarce la imagen pero no lo hace nunca