jQuery:如何在单击缩略图时显示图像弹出窗口？

Question

在我的 aspx 页面中，我有一个缩略图 <img> 。当用户单击该图像时，我希望显示一个弹出窗口，用较大(完整)版本的图像遮挡 UI 的其余部分。

是否有任何插件可以做到这一点？

Answer 1

有很多 jQuery 插件可用于此

<强> Thickbox

<强> LightBox

<强> FancyBox

<强> FaceBox

<强> NyroModal

<强> PiroBox

厚盒示例

对于单个图像

1. Create a link element ()
2. Give the link a class attribute with a value of thickbox (class="thickbox")
3. Provide a path in the href attribute to an image file (.jpg .jpeg .png .gif .bmp)