一个必须在页面中的一个图片上加载事件而火狐却不支持的恼火问题

Question

<div class="d_waiting" id="waiting" style="position:absolute;top:404px; left:408px;z-index:999;"><img src="/images/loading.gif" alt="loading" id="loading" /></div>

<!-- 原代码只有该段内容 -->
<div class="d_screen" id="content" style="height: 365px;">
                <a href="<?php echo $pImage;?>" class="jqzoom" id="jqzoom">
                    <img width="375px" height="360px" src="<?php echo $pImage;?>" onload="loading()"  alt="scarpa" id="imgshow">
                </a>
    </div><script type="text/javascript">
 function loading(){
//document.getElementById("waiting").display="none";
document.getElementById("waiting").innerHTML="";
 }
</script>这是源码，我必须将这个loading事件放在id=waiting上面，实现页面加载图片前先显示一个旋转圈的等待图片，但是ie支持，火狐却不支持，怎么办啊？写onload在img标签里好像不对，编辑器都警告，但是ie却有效果就说明不是语法问题，是浏览器兼容问题了。怎么解决？或者我的这种做法就不对？求见解！

Answer 1

<script type="text/javascript">
 function loading(){
//document.getElementById("waiting").display="none";
document.getElementById("waiting").innerHTML="";
 }
</script>
这段移动到
<!-- 原代码只有该段内容 -->
前面

Answer 2

<div class="d_waiting" id="waiting" style="position:absolute;top:404px; left:408px;z-index:999;"><img src="/images/loading.gif" alt="loading" id="loading" /></div><script type="text/javascript">
 function loading(){
//document.getElementById("waiting").display="none";
document.getElementById("waiting").innerHTML="";
 }
</script>
<!-- 原代码只有该段内容 -->
<div class="d_screen" id="content" style="height: 365px;">
  <a href="<?php echo $pImage;?>" class="jqzoom" id="jqzoom">
  <img width="375px" height="360px" src="<?php echo $pImage;?>" onload="loading()" alt="scarpa" id="imgshow">
  </a>
  </div>