48
在我的aspx页面我有一个缩略图<img>。当用户点击该图像时，我想要一个弹出窗口来显示用更大（完整）版本的图像阻挡用户界面的其余部分。jQuery：如何显示缩略图的onclick图像？
有没有可以做到这一点的插件？
A
回答
102
有很多jQuery插件可用于该
ThickBox的实例
对于单个图像
- 创建链接元件（）
- 给链接一个类属性与ThickBox的 （类=“ThickBox的”）
- 提供在href属性的图像文件的路径的值（.JPG .JPEG 巴纽.gif注意.BMP）
+0
我想要我的照片在厚盒子 我想要的图像的代码怎么看它的链接img – dexter 2010-01-14 09:35:11
+3
请参阅Thickbox网站中的示例部分。 – rahul 2010-01-14 09:39:07
+0
不妨节省几分钟。 Thickbox看起来真的很麻烦。当我在Chrome浏览器的演示页面上检查一个元素时，它停止工作，即使我完全使用演示，它也不适用于我自己的页面。 – obesechicken13 2013-08-30 21:43:05
6
我喜欢prettyPhoto
prettyPhoto是一个jQuery lightbox的克隆。它不仅支持图像，还支持视频，Flash，YouTube，iframe和ajax。这是一个完整的媒体灯箱
2
0
prettyPhoto是一个jQuery灯箱克隆的。它不仅支持图像，还支持视频，Flash，YouTube，iframe和ajax。这是一个全面的媒体灯箱
+0
重复的答案：http://stackoverflow.com/a/12252354/1405981 – 2017-04-10 12:51:57
1
这是最流行的（9500星）和重量轻（20KB minify，7。5KB minify + gzip）popup gallery我认为： Magnific-Popup
相关问题
- 1. 显示所选图像的缩略图
- 2. 显示一组图像的缩略图
- 3. RefineryCMS图像缩略图没有显示
- 4. 将图像显示为缩略图
- 5. 使用QItemDelegate显示图像缩略图
- 6. 缩略图不显示正确的图像在Jquery
- 7. 如何使用OpenFileDialog显示TGA文件的缩略图图像？
- 8. 如何缩略图幻灯片只显示缩略图pic
- 9. blueimp jQuery-File-Upload在上载图像后不显示缩略图
- 10. 当缩略图点击时，jQuery显示图像
- 11. jQuery在上传之前显示多个图像缩略图
- 12. 如何在缩略图悬停上显示图像预览
- 13. 如何在android中显示图像/视频缩略图
- 14. 如何以缩略图形式显示图像
- 15. 如何使用文章标题显示缩略图图像？
- 16. 像按钮不显示缩略图
- 17. Java拖放图像并拖动时显示图像缩略图
- 18. 显示多个图像文件名和图像缩略图
- 19. og：图像读取图像url，但不显示缩略图
- 20. Jquery Galleria缩略图不显示
- 21. jQuery的旋转木马 - 缩略图的点击数，显示一个div和隐藏的onclick一个缩略图
- 22. 如何显示YouTube视频缩略图
- 23. 缩略图显示问题
- 24. PDF缩略图未显示
- 25. 显示特定缩略图
- 26. PDF缩略图显示
- 27. Facebook不显示缩略图
- 28. iPad detailedViewController显示缩略图
- 29. 图像缩略图
- 30. 如何让jquery旋转缩略图jQuery图像库？
你的意思是这样的吗？ http://leandrovieira.com/projects/jquery/lightbox/ – Flatlin3 2010-01-14 09:30:44