it-swarm-ja.com

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

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

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

51
dexter

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

シックボックス

LightBox

FancyBox

FaceBox

NyroModal

PiroBox

シックボックスの例

単一の画像の場合

  1. リンク要素を作成()
  2. リンクに、thickbox(class = "thickbox")の値を持つクラス属性を与えます
  3. Href属性に画像ファイル(.jpg .jpeg .png .gif .bmp)のパスを指定します
109
rahul

好きprettyPhoto

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

6
fastsoft

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

2
Morteza Ziyae

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

WOWslider

幸運を祈ります

2
user9869932

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

0
Tran Tuan Anh