Consulta

[Alexis88]

Retrasa la aparición de la segunda imagen y mientras tanto, muestra el Gif de carga.

Código Javascript:

var img = document.getElementById("id del elemento <img> al que cambiarás de imagen"),
    carga = document.getElementById("id del elemento <img> con el gif de carga");
 
function ejemplo(){
    img.style.display = "none";
    carga.style.display = "block";    
 
    setTimeout(function(){
        img.src = "nueva_imagen.gif";
        img.style.display = "block";
        carga.style.display = "none";
    }, 2000);
}
 

La función ejemplo() es la encargada de realizar el cambio de imagen como la aparición del Gif de carga. Adáptalo a tus necesidades y dinos cómo te fue.

Saludos