我想实现点击图片在两幅图片之间切换,但只能显示1.jpg,点解1.jpg后不能出现2.jpg,各位帮忙看看哪里错了?
<HTML>
<HEAD>
<script type=text/javascript>
var img_idx=0;
var img_list=new Array("c:\1.jpg","c:\2.jpg");
function next_img(){
img_idx++;
img_idx%=img_list.length;
return img_list[img_idx];
}
</script>
</HEAD>
<BODY>
<img src="c:\1.jpg" onclick="this.src=next_img();"/>
</BODY>
</HTML>
<HTML>
<HEAD>
<script type=text/javascript>
var img_idx=0;
var img_list=new Array("c:\1.jpg","c:\2.jpg");
function next_img(){
img_idx++;
img_idx%=img_list.length;
return img_list[img_idx];
}
</script>
</HEAD>
<BODY>
<img src="c:\1.jpg" onclick="this.src=next_img();"/>
</BODY>
</HTML>
<HTML>
<HEAD>
<script type=text/javascript>
var img_idx=0;
var img_list = new Array("c:\1.jpg","c:\2.jpg");
function next_img(obj){
img_idx++;
img_idx %= img_list.length;
obj.src = img_list[img_idx];
alert(obj.src);
}
</script>
</HEAD>
<BODY>
<img src="c:\1.jpg" onclick="next_img(this);"/>
</BODY>
</HTML>
<HTML>
<HEAD>
<script>
var img_idx=0;
var img_list=new Array("c:\\1.jpg","c:\\2.jpg");
function next_img(){
img_idx++;
img_idx%=img_list.length;
img_list[img_idx];
this.src=img_list[img_idx]
}
</script>
</HEAD>
<BODY>
<img src="c:\1.jpg" onclick="next_img(this);"/>
</BODY>
</HTML>
<HTML>
<HEAD>
<script type="text/javascript">
var img_idx=0;
var img_list=new Array("c:\\1.jpg","c:\\2.jpg");// add 2 back slashes
function next_img(){
img_idx++;
img_idx%=img_list.length;
return img_list[img_idx];
}
</script>
</HEAD>
<BODY>
<img src="c:\\1.jpg" onclick="this.src=next_img();"/> <!-- add 2 back slashes -->
</BODY>
</HTML>