Javascript 点击时弹出图像-HTML

我有如下HTML代码：

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

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

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

---

以下是。

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

看看您是否正在寻找。使用j query。您可以使用fancybox。它会解决你的问题，我正在尝试使用PrettyTo，另一个插件，但得到**未捕获的TypeError:$（…）。PrettyTo不是一个函数**errorTry FancyBox，它的简单和jquery内置，但它现在付费了，所以。。。。