jQuery：サムネイルのクリック時に画像ポップアップを表示するにはどうすればよいですか？

Question

Aspxページには、サムネイル画像<img>があります。ユーザーがその画像をクリックすると、ポップアップが表示され、より大きな（フル）バージョンの画像でUIの残りの部分がブロックされます。

これを実行できるプラグインはありますか？

rahul · Accepted Answer

これには多くのjQueryプラグインが利用可能です

シックボックスの例

単一の画像の場合

リンク要素を作成（）

リンクに、thickbox（class = "thickbox"）の値を持つクラス属性を与えます

Href属性に画像ファイル（.jpg .jpeg .png .gif .bmp）のパスを指定します

fastsoft · Answer

好き prettyPhoto

prettyPhotoはjQuery lightbox cloneです。画像をサポートするだけでなく、ビデオ、フラッシュ、YouTube、iframe、およびajaxもサポートします。本格的なメディアライトボックスです

Morteza Ziyae · Answer

これは、最も人気のある（9500スター）および軽量（20KBミニファイ、7.5KBミニファイ+ gzip）ポップアップギャラリーです。 Magnific-Popup

user9869932 · Answer

このような古いスレッドに投稿してすみません。私は同じ状況にあり、私にとってはうまく機能する別のソリューションを見つけました（コーディングする必要はありませんでした）

幸運を祈ります

WOWslider

幸運を祈ります

Tran Tuan Anh · Answer

prettyPhotoはjQueryライトボックスクローンです。画像をサポートするだけでなく、ビデオ、フラッシュ、YouTube、iframe、およびajaxもサポートします。本格的なメディアライトボックスです