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;"

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

2 个答案: