jQuery:如何显示缩略图的onclick图像弹出窗口? [英] jQuery: How can I show an image popup onclick of the thumbnail?
本文介绍了jQuery:如何显示缩略图的onclick图像弹出窗口?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
在我的aspx页面中，我有一个缩略图<img>.当用户单击该图像时，我想要一个弹出窗口来显示，该屏幕会阻止该UI的其余部分以及较大(完整)版本的图像.
In my aspx page I have a thumbnail image <img>. When the user clicks on that image I would like a popup to show that blocks out the rest of the UI with the larger (full) version of the image.
有没有插件可以做到这一点?
Are there any plugins that can do this?
推荐答案
有很多可用的jQuery插件
There are a lot of jQuery plugins available for this
Thickbox
LightBox
FancyBox
FaceBox
NyroModal
PiroBox
Thickbox示例
Thickbox Examples
对于单个图像
- 创建链接元素()
- 为链接提供一个带有thickbox值的类属性 (class ="thickbox")
- 在href属性中提供图像文件(.jpg .jpeg .png .gif .bmp)
- Create a link element ()
- Give the link a class attribute with a value of thickbox (class="thickbox")
- Provide a path in the href attribute to an image file (.jpg .jpeg .png .gif .bmp)
这篇关于jQuery:如何显示缩略图的onclick图像弹出窗口?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
