Question

js，html，css 讲2张图片 每隔5秒 轮流循环显示。

希望各位大侠测试一下，如果代码可用，追加50分。
RT：
我要在html的一个table的一个td内，轮流显示图片a.jpg与图片b.jpg。
两者之间的显示时间间隔为5秒。
鼠标放在a.jpg图片，暂停切换，点击指向1.html连接，同理b也是一样的要求，及点击图片b.jpg指向2.html。

Answer 1

function changeSrc(nIndex){
var imageList = new Array();
imageList.push("1.jpg");
imageList.push("2.jpg");

var obj = document.getElementById("imagecontain");
obj.src = imageList[nIndex%imageList.length];
}

<div><img id="imagecontain" src="1.jpg" /></div>
<script>
var nIndex = 1;
objTimer = window.setInterval(function(){
changeSrc(nIndex);
nIndex++;
},1000);
document.getElementById("imagecontain").onmousemove = function(){
clearInterval(objTimer)
}
document.getElementById("imagecontain").onmouseout = function(){
objTimer = window.setInterval(function(){
changeSrc(nIndex);
nIndex++;
},1000);
}
</script>
</body>

追问

兄弟，这代码不能用啊。

追答

你确定，我刚在自己PC上测试过了

追问

我的意思是，点击第二张图片不能设置超链接啊？？

追答

更改一下函数changesrc

function changeSrc(nIndex){
var imageList = new Array();
imageList.push("1.jpg,http://www.baidu.com");
imageList.push("2.jpg,http://www.google.cn");

var obj = document.getElementById("imagecontain");
var temparr = imageList[nIndex%imageList.length].split(",");
obj.src = temparr[0];
obj.title = temparr[1];
obj.style.cursor = " pointer";
obj.onclick = function(){
location.href = temparr[1];
}
}

先回家了

追问

非常感谢，最后修改真实可用！50奉上!