Question

js控制图片自动切换后且切换后图片超级链接正确，代码如下：

<script language =javascript >
var curIndex=0;
//时间间隔 单位毫秒
var timeInterval=2000;
var arr=new Array();
arr[0]="../images/1.jpg";//路径
arr[1]="../images/1.jpeg";//路径
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>
链接地址：
<a href="1.html">//相对路径
<img id=obj src="../images/1.jpg" width="750" height="1125" />
</a>
<a href="2.html">
<img id=obj src="../images/2.jpeg" width="750" height="1064" />
</a>

Answer 1

ID属性是具有唯一性的，也就是说页面内不允许存在两个或两个以上元素的ID是相同的（ID的意思就相当于身份证，而身份证号码相同会造成什么后果你想过没有？也许别人酒驾却要你去坐牢！），如果出现这种情况，浏览器只认第一个，其他相同ID的元素是无法通过 getElementById 被js找到的。

如果你的目的是想在多个图片间进行循环切换，可以这样：

<script>
var timeInterval=2000;
setInterval(function(){
   var imgs=document.getElementsByTagName("a");
   var aa=imgs[0].href,bb=imgs[0].children[0].src;
   for(var i=1;i<imgs.length;i++){
      imgs[i-1].href=imgs[i].href;
      imgs[i-1].children[0].src=imgs[i].children[0].src;
   }
   imgs[imgs.length-1].href=aa;
   imgs[imgs.length-1].children[0].src=bb;
},timeInterval);
</script> 

<a href="1.html"><img src="1.jpg" width=200 height=100 /></a>
<a href="2.html"><img src="2.jpg" width=200 height=100 /></a>
<a href="3.html"><img src="3.jpg" width=200 height=100 /></a>

适用于任意数量的图片，而且图片路径和链接地址也可以任意。