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

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>