js实现图片轮换

<input type='text' id='picName'/>
    <img src="" id="turn" width="450" height='300' border='1' style="filter:revealTrans(duration=1)">    
<script type="text/javascript"> 
 var a_url=new Array(4);
 var a_name=new Array(4);
 //路径
 a_url[0]='/image/2.bmp';
 a_url[1]='/image/3.bmp';
 a_url[2]='/image/4.bmp'; 
 a_url[3]='/image/5.bmp';
 //图片名
 a_name[0]='1';
 a_name[1]='2';
 a_name[2]='3';
 a_name[3]='4';
 
 var total=4;//总页数
 var current=1;//当前页数
 var time=2000;//轮换时间间隔,单位毫秒
 var pic_obj=document.getElementById("turn") ;//捕获轮换图片对象
 var name_obj=document.getElementById("picName") ;//捕获轮换名对象
 
 //初始化
  name_obj.value=a_name[current-1];
  pic_obj.src=a_url[current-1];
  setTimeout("change()",time);
 
 function change()
 {//图片循环
  if(current!=total)
  {
   current+=1;   
  }
  else
  {
   current=1;   
  }
  name_obj.value=a_name[current-1];
  pic_obj.src=a_url[current-1];
  setTimeout("change()",time);
 } 
</script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值