js切换图片。

控制image组件,在加载完成某图片后,过几秒钟,加载下一张图片。


<script type="text/javascript">

           var i = 0;
           var e_tp=new Array();
           var e_tplink=new Array();
           //var img = new Image();

            e_tplink[0]="before_NewsDetail.do?id="+"293"+"&&tid=0";
            e_tp[0]="img/image20130318163506.JPG";    

            e_tplink[1]="before_NewsDetail.do?id="+"293"+"&&tid=0";
            e_tp[1]="img/image20130318163456.JPG";    

            e_tplink[2]="before_NewsDetail.do?id="+"293"+"&&tid=0";
            e_tp[2]="img/image20130318163436.JPG";    

            e_tplink[3]="before_NewsDetail.do?id="+"291"+"&&tid=0";
            e_tp[3]="img/image20130313105313.JPG";    

            e_tplink[4]="before_NewsDetail.do?id="+"275"+"&&tid=0";
            e_tp[4]="img/image20121220091052.jpg";    
   
    function loadImage()
    {
         //alert('loadimage');
        i++;
        if(i>=4)
            i=0;
        var cImage = document.getElementById("image1")
        //
        try{
        //cImage.οnlοad=autochangeimg;
        }catch(e){}
        cImage.src = e_tp[i];     //图片加载完成,会再次激发image的onload事件

    }

    function img_ch()
    {
      //ie改变image.src不支持重复激发onload!!需要观察代码兼容性。
      setTimeout(loadImage,5000);
    }
    
    function init_img()
    {
        //alert(document.getElementById("image1"));
        document.getElementById("image1").οnlοad=img_ch;  //必须在src之前!!
        document.getElementById("image1").src=e_tp[0];

    }
    window.οnlοad=init_img;
</script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值