Tenho um banner de gif animado no meu site com cerca de 2 MB. Para pessoas com conexões lentas, quero incluir um Javascript que apenas exiba (e comece a reproduzir) esse gif quando ele estiver totalmente carregado, para que o restante do site já seja exibido enquanto o gif ainda estiver sendo carregado. Idealmente, gostaria que uma imagem (loading.gif) fosse exibida primeiro e depois alternada para o banner (banner.gif) com javascript quando o banner.gif for carregado.

Como eu faço isso? (Eu sou novo em Javascript)

Obrigado