Question

js图片轮换

<div id="ad">
<asp:Image ID="Image1" runat="server" />
</div>

图片路径"../images/banner1.jpg"与"../images/banner2.jpg"
求个最简单的，可以让他俩轮换的，最好写注释，在线等

Answer 1

简的好写，没经过测试，不过也不会出错，除了函数输入错误外。请检测下，手动写进来的

<div>
<img src="" id="image">
</div>

<script>
window.onload=fucntion{        //页面加载后就运行
test(0)    //调用 test并给定默认的值0
}
function test(n){    //自定义一个函数test
var imgs=new Array();    声明一个数组
imgs[0]="../images/banner1.jpg"        //给数组赋值
imgs[1=]"../images/banner2.jpg"        //同上
var obj=document.getElementById("image")    //根据ID获取图片显示的标签对象
if(n<0 ||n>=imgs.length) n=0;       
 //如果N的值小于0 或者大于或者等于imgs这个数据的高度， 则n就等于0，用于循环
obj.src=imgs[n]     //改变图片显示地址
n++
setTimeout("test("+n+")",1000)
}
</script>

追问

我在ASP.NET环境下运行，没效果啊

追答

有几个地方函数用错了，你可能是直接用的。

我再给一次，经过测试的。js运行是不分后台代码的，只跟浏览器的兼容有关，这段代码基本上没有涉及到兼容性问题，也最简单的切换方式。

<div>
<img src="images/down.jpg" id="image" />
</div>

<script type="text/javascript">
window.onload=function(){     //刚这里错了
sstest(0) 
}
function sstest(n){ 
var imgs=new Array(); 
imgs[0]="images/down.jpg"  
imgs[1]="images/up.jpg"   
var obj=document.getElementById("image")   
if(n<0 ||n>=imgs.length) n=0;       
obj.src=imgs[n] 
n++
setTimeout("sstest("+n+")",1000)
}
</script>