この投稿では、jQuery、Mootools、プロトタイプなど、さまざまなJavaScriptライブラリを使用して構築されたライトボックススクリプトとプラグインのコレクションを紹介しています。これらのエレガントなライトボックスソリューションにより、シングル画像、画像ギャラリー、ビデオ、その他のメディアやコンテンツタイプ用のスタイリッシュなポップアップディスプレイ(モーダルウィンドウ、オーバーレイ)を作成できます。
関連記事:
jQuery Lightbox、ColorBox、FancyBox、およびThickbox - の比較
トップ10 jQueryライトボックスプラグイン-
- Bumpbox 2.0:Mootools Lightboxクローン
このLightboxは、PDF、FLV、SWF、オーディオ、画像、インラインHTML、およびリモートHTMLファイルをサポートしているため、Web開発者向けの汎用ツールになります。
source&demo
jsimagebox:コンパクトな画像ライトボックス-
ポップアップボックス内に拡大した画像を表示するためのユーザーフレンドリーなスクリプト(注:Webサイトはロシア語)。
。
source&demo
control.modal:プロトタイプウィンドウツールキット-
プロトタイプフレームワーク用に構築された高度にカスタマイズ可能で多用途のウィンドウツールキット。
source&demo
拡大!:マルチフォーマットjavascriptギャラリー-
画像、フラッシュ、FLV、YouTube、divx、およびiframesと互換性のある使いやすいギャラリー。
。
source&demo
ファンシーズーム:jQueryライトボックスプラグイン-
このプラグインは、画像、テキスト、見出し、フラッシュコンテンツとシームレスに統合されます。
source&demo
floatbox:クロスブラウザーjavascriptライトボックス-
floatboxは、Webページのウィンドウコンテンツ(ポップアップライトボックス)をオーバーレイするように設計されたJavaScriptプラグインです。 幅広いブラウザの互換性を誇っています。
source&demo
Greybox:汎用性の高いポップアップウィンドウソリューション-
Greyboxは、ポップアップウィンドウ内のWebサイト、画像(ギャラリーを含む)、およびその他のコンテンツを表示します。
source&demo
Highslide JS:JavaScriptサムネイルビューアー-
画像、メディア、ギャラリー用のJavaScriptベースの視聴者。
source&demo
Slimbox:軽量のライトボックスソリューション-
jqueryまたはmootoolsのいずれかを使用して、Lightbox 2に触発されたコンパクトで効率的なライトボックス。
source&demo
Shadowbox:マルチフォーマットメディアビューアー
-
Shadowboxは、画像、ギャラリー、Quicktime、Windows Media Player、Flash、Flashビデオ、HTML、および外部Webページなど、さまざまな形式をサポートするJavaScriptメディアビューアです。 メジャーブラウザと互換性があります。
source&demo 