一个页面如何存在多个JS点击一张图片后换成另一张

<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>新... <html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
</head>

<body>
<img src="图片1.JPG" id="imgchange" width="100" height="100"/>
<p>

<input type="button" value="切换" onclick="picchange('图片2.JPG')">
<input type="button" value="返回" onclick="picchange('图片1.JPG')">

<script type="text/javascript">
function picchange(imgsrc)
{
document.getElementById("imgchange").src=imgsrc;
}
</script>
</p>
</body>

</html>
一个页面只存在一个我已经做好,但如果存在多个的时候就不行了。
类似这样,如果能点击一个图片的时候,另一个被点击切换的自动返回默认图片更好。

请大神帮忙。
展开
 我来答
dailybird
推荐于2016-06-18
知道答主
回答量:21
采纳率:0%
帮助的人:10.9万
展开全部
可以提个思路,给四个图片分别命名如:
<img id="img1" src="xxx"/><img id="img2" src="xxx"/><img id="img3" src="xxx"/><img id="img4" src="xxx"/>
再来四个button如
<input type="button" id="btn1"><input type="button" id="btn2"><input type="button" id="btn3"><input type="button" id="btn4">分别控制对应的图片
当某id的button被点击时,改变对应的图片路径,并把其他id的img的路径改成默认的
需要代码的话 我可以写jquery给你,js的好久不写了..
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式