求教js问题

html中代码为：
<div id="load"></div>
<div><img src="1.jpg" id="bg"></div>
用js如何达到以下效果？
在页面打开的时候，先预加载图片，图片在加载中的时候id为load的显示代码<div class="load">加载中</div>
图片加载完成后，<div class="load">加载中</div>移除。
这样的整个js代码是什么样的啊？？

解决方案 »

  1.   

    楼主使用jquery吗？
    如果使用这个方法应该可以满足你的需求：
    ///图片在加载中的时候id为load的显示代码<div class="load">加载中</div>
    $(document).ready(function(){
      // 图片加载完成后，<div class="load">加载中</div>移除。
    });
      

  2.   

    图片加载完成时，会触发 img 的 onload 事件
      

  3.   

    <html>  
    <head>  
    <title>Validate empty fields</title>  
    <script type="text/javascript" src="jquery.js"></script>  
    <script type="text/javascript">  
    $(document).ready(function(){
    $("#bg").bind("onload", function(){
    $("#load").show();
    });
    $("#load").hide();

    });
    </script>
    </head><div id="load">加载中...</div>
    <div><img src="imageLoad.jpg" id="bg"></div>