Javascript （HTML）将其链接到图像，但不确定关闭图像时要编写什么代码

我已将图像链接到图像本身，以便放大查看，但我不确定如何实现关闭选项（或类似onClick.close的内容，以便在单击放大的图像后关闭）。我不希望用户必须单击浏览器的“后退”按钮才能返回网站，因此我想知道是否有任何方法可以实现一个编码系统，一旦单击放大的图像，该系统就会关闭？还是我必须再翻开一页才能结束

<ul>
<li>
<a href="images/sadMiddle.jpg">
<span>Middle of your heart</span>
<img src="images/sadMiddle.jpg" alt="Middle" /></a>
</li>
</ul>

---

提前谢谢

您可以使用jQuery之类的库对图像进行覆盖。或者，如果学习javascript或如何使用jQuery对您来说太难了，您可以简单地在

链接标记中添加
target=“\u blank”
。这将使图像在单独的窗口或选项卡中打开

<ul>
<li>
<a href="images/sadMiddle.jpg" target="_blank">
<span>Middle of your heart</span>
<img src="images/sadMiddle.jpg" alt="Middle" /></a>
</li>
</ul>





可以使href指向另一个仅显示此图像的页面，任何单击都会返回到上一页

或者最好有一个div，其位置是绝对的，最初是隐藏的。在这个事件中，它的z顺序是+999，所以它在所有其他事情的顶部，位置更改为0,0，大小更改为页面大小。它的内部html包含图像，div的onclick事件将其隐藏，因此返回到以前的状态
浏览器将标记呈现为全尺寸图像。不确定“放大查看”将如何发生。啊，对不起，我在该代码之前有div代码，该代码由设置的图像大小组成。这不是一个真正的解决方案，但您可以查看fancybox。它具有您需要的所有功能。谢谢，伙计，我会研究它的！是的，这也是我的替代解决方案，但我会研究jQuery。干杯