转: 一段非常简单的让图片自动切换js代码

转载于 2006-11-07 15:04:00 发布 · 92 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/szflying/archive/2006/11/07/552956.html

文章标签：

#javascript #ViewUI

本文介绍了一种使用JavaScript实现图片轮播的方法，通过设定时间间隔自动切换预设的图片数组中的图片，适用于网页设计中常见的轮播图需求。

转自: http://www.cnblogs.com/goody9807/archive/2006/11/06/551964.html
<script language =javascript >
    var curIndex=0;
    //时间间隔单位毫秒
    var timeInterval=1000;
    var arr=new Array();
    arr[0]="1.jpg";
    arr[1]="2.jpg";
    arr[2]="3.jpg";
    arr[3]="4.jpg";
   arr[4]="5.jpg";
   arr[5]="6.jpg";
   arr[6]="7.jpg";
   setInterval(changeImg,timeInterval);
   function changeImg()
   {
       var obj=document.getElementById("obj");
      if (curIndex==arr.length-1)
      {
            curIndex=0;
      }
      else
      {
         curIndex+=1;
      }
      obj.src=arr[curIndex];
   }
</script>

<img id=obj src ="1.jpg" border =0 />

可以自己配置，自己设置每张图片切换的时间间隔，自己设置每张图片的路径（绝对、相对路径都可以）
虽然很简单，但是很实用。