jQuery：如何在缩略图上显示图像弹出窗口？

Question

在我的aspx页面中，我有一个缩略图<img>。当用户点击该图像时，我想要一个弹出窗口，显示用图像的较大（完整）版本阻挡UI的其余部分。

有没有可以做到这一点的插件？

Answer 1

有很多jQuery插件可用于此

<强> Thickbox

<强> LightBox

<强> FancyBox

<强> FaceBox

<强> NyroModal

<强> PiroBox

加厚箱示例

对于单张图片

  

  
1. 创建链接元素（）
  
2. 为链接指定一个值为thickbox的class属性   （类= “ThickBox的”）
  
3. 将href属性中的路径提供给图像文件（.jpg .jpeg   .png .gif .bmp）
  

Answer 2

我喜欢 prettyPhoto

  

prettyPhoto是一个jQuery lightbox克隆。它不仅支持图像，还支持视频，Flash，YouTube，iframe和ajax。这是一个完整的媒体灯箱

Answer 3

很抱歉在这么老的帖子上发帖。我处于相同的情况，我发现了一个不同的解决方案，对我来说效果更好（我没有代码）

WOWslider

祝你好运

Answer 4

这是最流行的（9500颗星）和轻量级（20KB缩小，7.5KB缩小+ gzip）弹出库我认为： Magnific-Popup

Answer 5

prettyPhoto是一个jQuery灯箱克隆。它不仅支持图像，还支持视频，Flash，YouTube，iframe和ajax。这是一个完整的媒体灯箱