多个图片在3张图片内切换的问题，学校机房在线等，谢谢大家
想做一个机房可用机查看的网页
具体代码如下：
一个简易版的可以给大家调一下。主要是想让多张图片在3张图片内点击切换
<!DOCTYPE html>
<html>
<head>
<script>
function getID(e){
alert(e.pic);
if(e.pic=='free'){
e.src='images/sale.png';
}else if(e.pic=='sale'){
e.src='images/repair.png';
}else{
e.src='images/free.png';
}
}
</script>
</head>
<body><img id="img" src="images/free.png" pic="free" onclick="getID(this)"/>
<img id="img" src="images/free.png" pic="sale"onclick="getID(this)"/>
<img id="img" src="images/free.png" pic="repair"onclick="getID(this)"/>
</body>
</html>
//设置图片被点击的事件
$('img.site').click(function(){
var $me = $(this), ind = $me.attr('index')
[解决办法]
0;
ind = (ind+1)%image_urls.length;
$me.attr('src', image_urls[ind]);
$me.attr('index', ind);
});
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function getId(img){
var image_urls = ["images/free.png", "images/sale.png", "images/repair.png"];
var idx;
//用name和image_urls数组比较，看看是哪个，然后变化图片
if(img.name==image_urls[0]){
idx=1;
}else if(img.name==image_urls[1]){
idx=2;
}else{
idx=0;
}
document.getElementById(img.id).name = image_urls[idx];//给name赋值，保持name和src是一样的，笨办法，但是我暂时想不到好的
document.getElementById(img.id).src = image_urls[idx];//给src赋值
}
</script>
</head>
<body>
<form>
<td title="1行 10排 "><img id="img1_10" src="images/free.png" name="images/free.png" onclick="getId(this)"/>
<td title="1行 11排 "><img id="img1_11" src="images/free.png" name="images/free.png" onclick="getId(this)"/>
</form>
</body>
</html>
