HTML - JS 如何通过单击在图像弹出窗口中打开图像?

Ale*_*sio 4 html image popup

我应该写一些代码htmljavascript或其他通过点击图片即可打开一个弹出窗口。我已经看过这个window.open()方法,但这不是我要找的。确切地说,我想像 Twitter 那样打开一个图像弹出窗口:遮蔽背景并在屏幕中间显示放大的图像。

有什么建议?

小智 6

你可以使用灯箱来做到这一点。

这个链接中有一个简单的例子:

http://lokeshdhakar.com/projects/lightbox2/


小智 5

您可以使用灯箱

使用起来非常简单。在 HTML 文件中包含脚本标签和 CSS 样式表,然后只需使用:

<a class="example-image-link" href="images/image-1.jpg" data-lightbox="example-1"><img class="example-image" src="images/thumb-1.jpg" alt="Girl looking out people on beach"></a>
Run Code Online (Sandbox Code Playgroud)