我的网页里有2个JS代码,一个是阿里妈妈的搜索框,一个是我的图片淡出淡入。还有个一个是天气预报,用<IFRAME>引用的。用代码如下:
<IFRAME id="tianqi8_wetherinfo" name="tianqi8_wetherinfo" src="http://tq.ss256.com/code/freeweather10.htm?id=&fcolor=ffffff&imgurl=&bimg=&bcolor=&fsize=14" frameBorder=0 width=400 height=24 ALIGN=CENTER MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 SCROLLING=NO allowtransparency=true></IFRAME>
//以上是天气预报。<script type="text/javascript">
alimama_pid='mm_25963459_0_0';
alimama_type='g';
alimama_tks={};
alimama_tks.style_i=1;
alimama_tks.lg_i=1;
alimama_tks.w_i=440;
alimama_tks.h_i=69;
alimama_tks.btn_i=1;
alimama_tks.txt_s='';
alimama_tks.hot_i=1;
alimama_tks.hc_c='#0065FF';
alimama_tks.c_i=0;
alimama_tks.cid_i=0;
//以上是阿里妈妈
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()}
以上是我的图片淡出淡入。GC来了,在调试中,我引用的是我电脑上的一张图片,,它迟迟不显示,我发现我的这个图片渐入,必须要等到,阿里妈妈和天气预报加载完之后才会开始渐入悲剧啊,为什么这个渐入的过程要等到,阿里妈妈和天气预报加载完之后才执行?
图片渐入,,就是图片加载完之前不显示,加载完之后,渐渐的显示出来,就像必应。

解决方案 »

  1.   

    因为整个html都是自上而下顺序执行的 遇到js执行js(function定义 事件处理函数等例外),遇到图片连接加载图片,遇到table解析table……
      

  2.   

    我放在前面了,
    在JS中我把图片渐入的代码放在最前面,
    在body中我把相关图片的DIV放在最前面。事实上一开始就是这样的,,我的图片依然要等到最后
      

  3.   


    window.onload 这个事件是在页面中所有的资源都加载完毕 才触发的……
      

  4.   

    可以直接在需要操作的元素之后写 initImage()}; 这样可尽快执行……
      

  5.   

    或者 http://blog.csdn.net/lattelatte/archive/2007/12/11/1929103.aspx
    或者 用jquery 封装了DOM加载完毕的事件 很方便
      

  6.   

    这个应该是body加载完毕后启动的,
    可以试试在你图片代码后面加入
    <script>
    initImage();
    </script>
      

  7.   

    大哥,我的代码是这样写的,,<img src="c.gif" style="width:1200px;height:570px">
    具体的怎么办啊,代码怎么加?我是新手,,爱护一下呀!
      

  8.   


    ,,<img src="c.gif" style="width:1200px;height:570px">
    <script type="text/javascript">
        initImage();
    </script>
      

  9.   

    window.onload = function() {initImage()}
    你这样初始化,肯定达不到目的啊……