如何在类似于Twitter的新弹出窗口中单击时显示放大的图像？

Question

Twitter上的图片会在弹出窗口中放大，可以使用x关闭。我见过类似问题，例如How to expand an image in HTML by clicking on it，但我希望图像在单独的窗口中打开，放大，而不是在页面上放大。

目前，我意识到<a></a>标签通常用于获得放大的图像，但弹出窗口看起来更美观。

Answer 1

如果您使用<a></a>标记创建链接，并将目标设置为＆＃34; _blank＆＃34;它会强制图像在自己的窗口中弹出。

 <a href="url" target = "_blank"> <img src="url"/></a>

内部<img/>标记将显示来自网址的图片（可以是项目中的本地目录，例如＆＃34; / images / test.jpg＆#34;或外部来源）。围绕它的<a></a>标记将使图像可以点击并在新窗口中打开href，因为目标设置如上。