用javascript 实现按钮触发图片改变
有4个按钮:b1~b4分别对应四个图片a_img0.jpg~a_img4.jpg想按不同的按钮，在a_img0.jpg的位置显示对应的图片。求编程。谢谢...
有4个按钮:b1~b4
分别对应 四个图片 a_img0.jpg ~a_img4.jpg
想按不同的按钮，在a_img0.jpg的位置显示对应的图片。求编程。谢谢 展开
分别对应 四个图片 a_img0.jpg ~a_img4.jpg
想按不同的按钮，在a_img0.jpg的位置显示对应的图片。求编程。谢谢 展开
3个回答
展开全部
a_img0.jpg ~a_img4.jpg是五张图片，我理解为原来是a_img0.jpg，然后四个按钮对应1~4：
<html>
<head><title>test</title>
<script type="text/javascript">
function switch_pic(num_id)
{
document.getElementById("pic_wrapper").src="a_img" + num_id + ".jpg";
}
</script>
</head>
<body>
<img src="a_img0.jpg" id="pic_wrapper" /><br />
<button onclick="switch_pic(1)">b1</button>
<button onclick="switch_pic(2)">b2</button>
<button onclick="switch_pic(3)">b3</button>
<button onclick="switch_pic(4)">b4</button>
</body>
</html>
<html>
<head><title>test</title>
<script type="text/javascript">
function switch_pic(num_id)
{
document.getElementById("pic_wrapper").src="a_img" + num_id + ".jpg";
}
</script>
</head>
<body>
<img src="a_img0.jpg" id="pic_wrapper" /><br />
<button onclick="switch_pic(1)">b1</button>
<button onclick="switch_pic(2)">b2</button>
<button onclick="switch_pic(3)">b3</button>
<button onclick="switch_pic(4)">b4</button>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给四个按钮分别添加onclick事件响应，函数看定义为changImg(img_src)
在函数中添加以下代码:
document.getElementById("imgID").src=img_src;
在函数中添加以下代码:
document.getElementById("imgID").src=img_src;
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<meta http-equiv="content-type" content="charset=text/html;gb2312;">
<title>Test</title>
<script type="text/javascript">
<!--
function func(num){
document.all['a_img0'].src='img/a_img' + num + '.jpg'; //图片保存在img文件夹中,以和其他网页文件分开管理
}
//-->
</script>
</head>
<body >
<center>
<br />
<button onclick="func(1)">b1</button>
<button onclick="func(2)">b2</button>
<button onclick="func(3)">b3</button>
<button onclick="func(4)">b4</button><br />
<img id=a_img0>
</center>
</body>
</html>
<head>
<meta http-equiv="content-type" content="charset=text/html;gb2312;">
<title>Test</title>
<script type="text/javascript">
<!--
function func(num){
document.all['a_img0'].src='img/a_img' + num + '.jpg'; //图片保存在img文件夹中,以和其他网页文件分开管理
}
//-->
</script>
</head>
<body >
<center>
<br />
<button onclick="func(1)">b1</button>
<button onclick="func(2)">b2</button>
<button onclick="func(3)">b3</button>
<button onclick="func(4)">b4</button><br />
<img id=a_img0>
</center>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
