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

时间:2016-02-09 00:12:33

标签: javascript jquery html

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

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

1 个答案:

答案 0 :(得分:0)

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

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

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