carga de img como background

[gajosu]

Hola a todos, escribo este mensaje porque necesito de vuestra ayuda.
El problema es el siguiente quiero cargar una img como background de un div

<div style"background:url("mi_imagen_enorme.jpg");" id="imagen"></div>

bien pero la imagen es muy grande y demora mucho en aparecer en firefox, y en otros navegadores sale con el tipico efecto despegable
bien lo que quiero es un codigo JS para q muestre otro elemento mientras se carga el background del div

seria algo haci

<div id="carga">Cargando...</div>

<div style"background:url("mi_imagen_enorme.jpg"); display:none;" id="imagen"></div>

y cuando se termine de cargar se desapresca el mensaje de carga y aparesca el div del background

espero haberme explicado, desde ya muchas gracias por su ayuda

[edgarisrael1992]

Se puede hacer con jquery y ajax.
prueba de esta manera

Código:

$(document).ready(function(){
$('div contenedor').html('<div class="loading"><img src=" direccion de la gif de cargando /loading.gif" width="70px" height="70px"/></div>'); //aca carga primero el gif. imagen de espera

$.ajax({
            url: 'la url de tu web donde va a cargar la imagen',
            success: function() {
				$('div contenedor').fadeIn(1000).html("Codigo del div que tiene la imagen"); //aca se espera un tiempo y carga la imagen. mientras espera esta en funcion la imagen gif de espera anterior
            }
        });
});