js:如何将三个不同按钮出现同一个dialog却显示不同的按钮对应的三张图片出来?
js:3个按钮,点击每个按钮出现的都是同一个dialog,可是每个按钮的dialog里图片却各不一样，求代码...
js:3个按钮,点击每个按钮出现的都是同一个dialog,可是每个按钮的dialog里图片却各不一样，求代码
展开
3个回答
展开全部
<html>
<head>
<script>
function showimg(var arg)
{
var src="";
if(arg===1)
{
src="1.jpg"//第一张图片地址
}else if(arg===2)
{
src="2.jpg"//第二张图片地址
}
else if(arg===3)
{
src="3.jpg"//第三张图片地址
}
document.getElementById("dialogimg").src=src;
}
</script>
</head>
<body>
<button text="图片1" onclick="showimg(1)" />
<button text="图片2" onclick="showimg(2)" />
<button text="图片3" onclick="showimg(3)" />
<div><img id="dialogimg" src=""></div>
</body>
</html>
上面的就可以实现点击按钮显示不同的图片了，你也可以把图片地址放到button里，把button当参数传到方法里。代码如下
<html>
<head>
<script>
function showimg(var arg)
{
document.getElementById("dialogimg").src=arg.imgsrc;
}
</script>
</head>
<body>
<button text="图片1" imgsrc="1.jpg" onclick="showimg(this)" /><!--imgsrc可以自定义名称里面放置图片地址-->
<button text="图片2" imgsrc="2.jpg" onclick="showimg(this)" />
<button text="图片3" imgsrc="3.jpg" onclick="showimg(this)" />
<div><img id="dialogimg" src=""></div>
</body>
</html>
更多追问追答
追问
jquery 点击按钮出现dialog，dialog里显示点击不同按钮所对应的图片
在第一个dialog上，增加事件onOpen，在onOpen里判断是来自哪个按钮，不同的按钮对应不同的图片。区别不同的按钮，可以使用全局变量。加个全局变量，在点击按钮时，将全局变量赋予不同的值。在onOpen事件中判断该值即可。
可我不知道该如何加代码
追答
这样的话，按钮先触发一个事件，把按钮传递过去，然后在那个事件里面触发dialog就可以了，触发dialog之前你可以判断按钮做一系列赋值之类的，也可以不用全局变量了，把你要用的值直接传给dialog就好了
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
