<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JS基础——多张图片循环切换</title>
<script>
window.onload = function(){
var oImg = document.getElementById('img');
var arr = ['images/1.jpg','images/2.jpg','images/3.jpg','images/4.jpg','images/5.jpg'];
var num = 0;
oImg.onclick = function(){
num ++;
if(num == arr.length){
num = 0;
}
oImg.src = arr[num];
};
};
</script>
</head>
<body>
<img id="img" src="images/1.jpg" />
</body>
</html>
思路：
1.先获取图片的id
2.定义一个存放多个图片的数组，并给它一个初始编号 num=0;
3.当点击图片时，先让num自增，然后判断num的值是否和数组的长度相等，如果相等，就让num回到0；
4.最后就把arr[num]赋给oImg的src属性，就能读取到图片的路径了。
这样，多张图片点击循环切换就完成了。
1373
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
