resim web sayfasına yüklenene kadar resim yerinde loading.gif koyma?

Slm arkadaşlar,

<a onclick="resimekle('001.jpg');">resmi göster;</a>
 <div id="resim">

</div>

burada resmi göster linkine tıklayınca #resim div'ine innerHTML ile belirlenen resimi ekliyorum, ancak resimler bazen büyük olabiliyor ve yüklenmesi epey sürüyor, bunun için resim tamamen yüklenene kadar loading.gif koymayı düşündüm, resim tamamen yüklendikten sonra #resim divinde gösterilsin istiyorum ama yapamadım.
Bunu nasıl yaparım bir fikri olan var mı? javaScript ya da css fark etmez yeterki yapılsın?