亲们，关于window.onload，怎样让它与其他元素同步执行？

ID为inetfuture和weiguoxin的两位大哥已经基本让我明白哥大概，可是具体做起来还是不会做，都怪我太小白了！
是一个图片渐入的JS，由于它用到了window.onload，所以要等到其它元素下载完之后才会执行，我可不想这样，太慢了！
JS代码:
function initImage(){image = document.images;for(var i=0,l=image.length;i<l;i++){setOpacity(image[i], 0);image[i].style.visibility = "visible";fadeIn(image[i],0);}}
function fadeIn(obj,opacity){if(obj){if(opacity<= 100){setOpacity(obj, opacity);opacity+=10;setTimeout(function(){fadeIn(obj,opacity)},40);}}}
function setOpacity(obj, opacity){opacity = (opacity == 100)?99.999:opacity;obj.style.filter = "Alpha(Opacity=" + opacity + ")";obj.style.opacity = opacity/100}
window.onload = function() {initImage()}IMG代码：<div style="border:1px solid red;width:1000px;height:570px;visibility:hidden"><img src="c.gif" style="width:1000px;height:570px"></div>两位仁兄给出了解决思路，好像都和一个initImage()有关，但我不知道具体的怎么用啊！求解中....

解决方案 »

  1.   

    可以用jquery的 $(document).ready()替换之
      

  2.   

    你可以在你图片渐入的JS相关的html 后面直接写 。
    <script  type="text/javascript">
    initImage();
    </script>
        
      

  3.   


    正解   这就是jquery的好处 不用等到页面中的元素全部加载完再执行
      

  4.   

    <img onload=""/>
    插入图片的标志也有onload的事件。
      

  5.   

    $(document).ready()该方法是在文档加载完成后才执行，应该不符合lz要求
    要想不等文档加载完成就执行js就在html页面里具体位置直接调用方法，如：
    <body>
    ...
    <img >
    ...
    <script language="javascript">
    initImage();
    </script>
    </body>前提是执行到initImage();时要已经定义了该函数
      

  6.   

    function initImage(){image = document.images;for(var i=0,l=image.length;i<l;i++){setOpacity(image[i], 0);image[i].style.visibility = "visible";fadeIn(image[i],0);}}
    function fadeIn(obj,opacity){if(obj){if(opacity<= 100){setOpacity(obj, opacity);opacity+=10;setTimeout(function(){fadeIn(obj,opacity)},40);}}}
    function setOpacity(obj, opacity){opacity = (opacity == 100)?99.999:opacity;obj.style.filter = "Alpha(Opacity=" + opacity + ")";obj.style.opacity = opacity/100}
    //不要这句 window.onload = function() {initImage()}IMG代码：<div style="border:1px solid red;width:1000px;height:570px;visibility:hidden"><img src="c.gif" style="width:1000px;height:570px" onload="initImage()"></div>
      

  7.   

    <html><head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
    $(window).load(function(){
     
       alert('w-loading');
    });
            
    $(document).ready(function(){
     
       alert('d-loading');
    }); 
    </script>
    </head><body onload='alert("b - load");'>
     
    <img  src='http://www.hao123.com/images/logo/gaokao.png?v=201106071200' onload='alert("img loading")'/>
    </body></html> 在FF,IE, Chorme顺序都有点差异