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. 圖庫HTML圖像顯示縮略圖
- 2. 顯示所選圖像的縮略圖
- 3. 顯示一組圖像的縮略圖
- 4. 如何顯示縮略圖？
- 5. Onclick的縮略圖，更改圖像
- 6. RefineryCMS圖像縮略圖沒有顯示
- 7. 顯示圖像縮略圖OnItemClickListener
- 8. Magento 1.7縮略圖圖像不顯示
- 9. 使用QItemDelegate顯示圖像縮略圖
- 10. 將圖像顯示爲縮略圖
- 11. 縮略圖不顯示正確的圖像在Jquery
- 12. jquery圖像滑塊顯示子彈盤旋上的縮略圖
- 13. 顯示縮略圖
- 14. 如何在縮略圖中顯示圖像的中心
- 15. 如何使用OpenFileDialog顯示TGA文件的縮略圖圖像？
- 16. 如何縮略圖幻燈片只顯示縮略圖pic
- 17. blueimp jQuery-File-Upload在上載圖像後不顯示縮略圖
- 18. Blueimp Jquery文件上傳：不顯示縮略圖預覽圖像
- 19. jQuery在上傳之前顯示多個圖像縮略圖
- 20. 當縮略圖點擊時，jQuery顯示圖像
- 21. 如何在縮略圖懸停上顯示圖像預覽
- 22. 如何以縮略圖形式顯示圖像
- 23. 如何使用文章標題顯示縮略圖圖像？
- 24. 如何通過點擊縮略圖顯示/隱藏大圖像？
- 25. 如何從圖像路徑顯示縮略圖？
- 26. 如何在umbraco xslt中顯示圖像縮略圖？
- 27. 如何以縮略圖形式在datagridview中顯示圖像
- 28. 如何在android中顯示圖像/視頻縮略圖
- 29. 像按鈕不顯示縮略圖
- 30. Jquery Galleria縮略圖不顯示
你的意思是這樣的嗎？ http://leandrovieira.com/projects/jquery/lightbox/ – Flatlin3 2010-01-14 09:30:44