单击时弹出图像-HTML [重复]答案

【问题标题】：Pop up image on click - HTML [duplicate]单击时弹出图像-HTML [重复]
【发布时间】：2017-05-11 10:20:33
【问题描述】：

我有如下 HTML 代码：

<div class="header">
  <div class="pic-profile" id="">
   <img src="http://oi66.tinypic.com/r8b8g0.jpg" alt="" id="">
  </div>
</div>

图片是个人资料图片，当我点击它时，我想像在 Whatsapp 中一样打开它。

我该怎么做？不确定我是否应该使用 fancybox 或类似的东西？

这是fiddle。

【问题讨论】：

看看Modal Images是不是你要找的。span>
使用j查询。你可以fancybox。它会解决你的问题fancybox.net
我正在尝试使用另一个插件 prettyphoto，但得到了 **Uncaught TypeError: $(...).prettyPhoto is not a function ** 错误
试试 FancyBox，它的简单和 jquery 内置
但它现在付钱了......

【解决方案1】：

请参考fiddle作为示例。您可以从fancy box API的j查询中添加许多选项。请使用两种类型的图像，一个大一个小，这样更大的图像会在点击较小的图像时出现。希望这会对你有所帮助。

【讨论】：