jQuery：我怎样才能显示一个图像popuponclick的缩略图？

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

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

Answer 1

有很多jQuery插件可用于此

ThickBox的

灯箱

的fancybox

FaceBox

NyroModal

PiroBox

Thickbox示例

对于单个图像

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

Answer 2

我喜欢prettyPhoto

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

Answer 3

对不起，发布在这样一个旧的线程。 我处于相同的情况，我发现了一个不同的解决scheme，更好地为我工作（我不必编码）

WOWslider

祝你好运

Answer 4

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

Answer 5

这是最stream行的（9500颗星）和重量轻（20KB minify，7.5KB minify + gzip）popup式视窗我认为： Magnific-Popup