1

我已将图像链接到图像本身，以便可以放大查看，但我不确定如何实现关闭选项（或类似于 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>

提前致谢！

4

2 回答 2

2

您可以使用 jQuery 之类的库对图像进行叠加。或者，如果学习 javascript 或如何使用 jQuery 对您来说太过分了，您可以简单地target="_blank"在a链接标签中添加。这将使图像在单独的窗口或选项卡中打开。

<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>
于 2013-04-26T01:57:27.097 回答
0

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

或者更好的是有一个位置是绝对的 div，最初是隐藏的。如果它的 z 顺序为 +999，因此它位于其他所有内容之上，位置更改为 0,0，大小更改为页面大小。它的内部html有图像，div的onclick事件隐藏它，所以你回到以前的状态

于 2013-04-26T02:23:31.073 回答