Question

我无法弄清楚为什么这不起作用。它之前在我的网站上工作然后退出。它不适用于jsfiddle所以我认为它是一个编码问题。这是一个简化版本有两个全尺寸图像，一个设置显示：块而另一个显示：无。

通过onclick将javascript函数放入图片的缩略图中以更改全尺寸图片，将显示样式更改为“none”或“block”。

这是javascript：

function show_pic(this_one) {
    document.getElementById(current).style.display = "none";
    document.getElementById(this_one).style.display = "block";
    current = this_one;
}

这是html：

<img src='image1.jpg' id='img0' style='width: 100%; height: auto; border: solid #fff; box-sizing:border-box; display:block;' />
<img src='image2.jpg' id='img1' style='width: 100%; height: auto; border: solid #fff; box-sizing:border-box; display:none;' />

<img src='image1.jpg' style='height: 66px;  cursor: pointer;' onclick="show_pic('img0')" />
<img src='image2.jpg' style='height: 66px;  cursor: pointer;' onclick="show_pic('img1')" />

Here's the jsfiddle

Answer 1

您的代码运行正常。我打开了JS小提琴，我编写了代码：

只需删除脚本标记，因为您在.js文件上。

在img中使用javascript onclick来显示/隐藏更大的图像

1 个答案: