javascript实现图片切换

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" c/>
<title></title>
<script language="javascript">
var curIndex=0;  
var timeInterval=3000;   //3秒钟切换一次
var arrEn=new Array();
arrEn[0]="图片1";
arrEn[1]="图片2";
arrEn[2]="图片3";
function changeImgEn()
{
   var obj=document.getElementById("obj");
   if (curIndex==arrEn.length-1) 
   {
      curIndex=0;
   }
   else
   {
      curIndex+=1;
   }
   obj.src=arrEn[curIndex];
}
</script>
</head>
<body >
<table border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td>
  <img id="obj" name="obj" src="图片1" width="578" height="215"/></td>
  </tr>
</table>
</body>
</html>

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" c/>
    <title></title>
    <script language="javascript">
    var curIndex=0;  
    var timeInterval=3000;   //3秒钟切换一次
    var arrEn=new Array();
    arrEn[0]="图片1";
    arrEn[1]="图片2";
    arrEn[2]="图片3";
    function changeImgEn()
    {
       var obj=document.getElementById("obj");
       if (curIndex==arrEn.length-1) 
       {
          curIndex=0;
       }
       else
       {
          curIndex+=1;
       }
       obj.src=arrEn[curIndex];
    }
    </script>
    </head>
    <body >
    <table border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td>
      <img id="obj" name="obj" src="图片1" width="578" height="215"/></td>
      </tr>
    </table>
    </body>
    </html>
      

  2.   

    <!DOCTYPE   html   PUBLIC   "-//W3C//DTD   XHTML   1.0   Transitional//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html   xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta   http-equiv="Content-Type"   c/> 
    <title> </title> 
    <script   language="javascript"> 
    var   curIndex=0;     
    var   timeInterval=3000;       //3秒钟切换一次 
    var   arrEn=new   Array(); 
    arrEn[0]="http://www.baidu.com/img/logo.gif"; 
    arrEn[1]="http://www.google.cn/intl/zh-CN/images/logo_cn.gif"; 
    arrEn[2]="http://www.baidu.com/img/logo.gif"; 
    function   changeImgEn() 
    { 
          var   obj=document.getElementById("obj"); 
          if   (curIndex==arrEn.length-1)   
          { 
                curIndex=0; 
          } 
          else 
          { 
                curIndex++;
          } 
          obj.src=arrEn[curIndex]; 
    setTimeout("changeImgEn()",timeInterval)
    } 
    </script> 
    </head> 
    <body   onload="changeImgEn()"> 
    <table   border="0"   align="center"   cellpadding="0"   cellspacing="0">
        <tr>
            <td>
        <img   id="obj"   name="obj"   src="http://www.google.cn/intl/zh-CN/images/logo_cn.gif"   width="578"   height="215"/> </td>
        </tr>
    </table>
    </body>
    </html>
      

  3.   

    var  arry=new  Array();
    var img1=new Image();
    arry[0]=img1.src="";setTimeout("",3000)