codice:
...
<div id="preview" style="display: none">
  [img]loading.gif[/img]
  [img][/img]
</div>
<script>
function showImg(path) {
  var preview = document.getElementById('preview');
  preview.style.display = 'block';
  var previewImg = document.getElementById('previewImg');
  previewImg.src = path;
  var loadingImg = document.getElementById('loadingImg');
  loadingImg.style.display = 'block';
}
devi sistemare le due immagini in modo da farle stare una sopra all'altra
poi con l'onload su previewImg fai una funzione che nasconde loadingImg