Mostrar gif si la web esta cargando

[TrinityCore]

Hola gente, espero esten bien.

Bueno tengo este code:

Código Javascript:

$(document).ready(function(){
    $("#imagen_ventana").hide();
    $("ul.imagen_post li").on("click", function(){
        if(window.onload){
            $("#imagen_ventana").css({"background-image":"url('../images/iconos/load.gif')"});
        }else{
            var ClaseImagen = $(this).attr("class");
            DirImg = "http://customizacion-wow.esy.es/images/generador/"+ClaseImagen+".png";
            $("#imagen_ventana").css({"background-image":"url('"+DirImg+"')"});
            $("#imagen_ventana").fadeIn(400);
        }
    });
 

Lo que quiero saber, es como hacer que si la iamgen todabia no carga me mustre el GIF y si carga, entonces automaticamente se agrega sola.

Ahi he colocado un condicional pero no me muestra el gif... solo queda la pantalla en negro y luego se carga la imagen pasado los 2 o 3 segundos..

¿Como podria hacer eso?

No quiero un imitador que este basado en contador fijo, quiero utilizar el window.onload real de la web.

Espero puedan ayudarme y gracias de antemano!