如何通过单击图像按钮打开图像

Question

当我按下图像按钮时，我正在尝试打开另一个图像 - 我是html的新手。 我听说你需要使用onclick才能搞定。 这是我正在尝试的：

input type="image" src="img/gallery/5.jpg" onclick="img/floor.jpg"

其中5.jpg是缩略图视图，floor.jpg是目标图像（存在于另一个目录中）。

但上面的代码对我不起作用。 什么是正确的方法？

为什么这会失败？ 我使用该解决方案打开了许多图像

 <a href="img/5.jpg"><img src="img/gallery/5.jpg"/></a> 
            <a href="img/6.jpg"><img src="img/gallery/6.jpg"/></a>
            <a href="img/7.jpg"><img src="img/gallery/7.jpg"/></a>
            <a href="img/8.jpg"><img src="img/gallery/8.jpg"/></a>
            <a href="img/9.jpg"><img src="img/gallery/9.jpg"/></a>
            <a href="img/10.jpg"><img src="img/gallery/10.jpg"/></a>

但每次只打开10.jpg帮助谢谢

Answer 1

为什么首先使用输入和javascript？

只需使用链接

<a href="img/floor.jpg"><img src="img/gallery/5.jpg"></a>

Answer 2

只需使用onclick javascript事件切换第二个图像的可见性。

类似下面的东西。

<input type="image" onclick="image.style.display=inline;">
<img src="../5.jpg" id="image" style="display:none;"