モバイル対応のための15のライトボックスライブラリ

ライトボックスは Web上に画像をオーバーレイする. 画像をクリックすると、ライトボックスに何らかのアニメーションが表示され、背景が暗くなるので、画像自体にフォーカスが移ります。画像も拡大表示されます。私達が何年も前から知っている最も人気のあるLightbox JavaScriptライブラリーはあなたがデスクトップでこれをうまくさせますが、モバイルプラットフォームではそれほどできません.

これを無視し、応答性を求めることは、今日ではお勧めできません。そのため、15個の応答性のあるLightboxライブラリのこのコレクションをチェックアウトする必要があります。.

Hongkiatの詳細：

HTML5ダイアログでモーダルウィンドウを簡単に作成する
トップ10無料の応答画像ギャラリー/スライドショー
Vexを使ってあなたのサイトのためのより良いモーダルウィンドウを作成、制御、そしてカスタマイズ
jQueryの画像ギャラリー＆スライダー - ベストオブ

フォトスワイプ

フォトスワイプ はるかに私のお気に入りのligthboxプラグインです。それは私が必要としていないいくつかの部分を捨てることを可能にする、それは軽くて、タッチ対応で、そして最も重要なのはモジュール式です。モバイルブラウザでうまく動作します。ネイティブアプリのように指で画像をスワイプすることができ、トランジションは非常にスムーズに実行されます。.

依存：無し
ブラウザのサポート：IE8 +、Chrome、Firefox、Safari、Opera、そしていくつかのモバイルブラウザ.
ライセンス：MITライセンス

MagnificPopup

MagnificPopup 私たちにPhotoSwipe、Dmitry Semenovを与えた同じ人によって開発されたもう一つのライトボックスプラグインです。これはjQuery / Zeptoプラグインの形式で提供され、Video、Map、およびAjaxコンテンツのサポートなど、PhotoSwipeに欠けている機能ももたらします。これは、より多くの機能を手元に持っていることを好む人にとっては素晴らしい選択肢です.

依存：jQuery 1.9.1以降、またはZepto.js
ブラウザのサポート：IE7（一部）、IE8 +、Chrome、Firefox、Safari、およびOpera.
ライセンス：MITライセンス

スワイプボックス

スワイプボックス モバイルプラットフォーム用のタッチジェスチャーをサポートするjQueryプラグインです。画像以外にも、YoutubeやVimeoからのビデオもサポートしています。 Swipeboxの実装も実に簡単で、その動作をカスタマイズするためのオプションがいくつかあります。私はSwipeboxがJavaScriptのnoobのための素晴らしいライトボックスプラグインだと思います.

依存：jQuery
ブラウザのサポート：IE9 +、Chrome、Safari、Firefox、Opera、IOS4 +、Android、およびWindows Phone.
ライセンス： 未定義

iLightbox

iLighbox ビデオ、Flash / SWF、Ajaxコンテンツ、iframe、マップなど、幅広いメディアタイプをサポートするjQueryライトボックスプラグインです。このプラグインは、ソーシャルメディアボタンをメディアの上に追加し、ユーザーがそれをFacebook、Twitter、またはRedditと共有できるようにします。また、高度なセクションをチェックして、iLightboxがさまざまなシナリオでどのように適用されるかを確認してください。.

依存：jQuery
ブラウザのサポート：IE7 +、Chrome、Firefox、Safari、およびOpera
ライセンス： 未定義

ブートストラップ用ライトボックス

ライトボックス Bootstrapから明らかに足りない部分の1つです。このプラグインはそれを修正します。ブートストラップを使用している場合は、このライブラリを使用することを強くお勧めします。プラグインはBootstrapのコードベースとうまく統合されています。.

依存：jQueryとブートストラップモーダル
ブラウザのサポート：IE8 +、Chrome、Firefox、Safari、およびOpera
ライセンス：GNUライセンス

Nivoライトボックス

Nivoライトボックス 柔軟なライトボックスプラグインです。テーマの変更、トランジション効果、ナビゲーションの切り替えなど、外観を好みの方法に変更するためのオプションがいくつか含まれています。.

依存：jQuery
ブラウザのサポート：IE9 +、Chrome、Firefox、Safari、およびOpera
ライセンス：MITライセンス

ImageLightbox

ImageLightbox 膨張のないライトボックスプラグインです。それは画像のために特別に作られているので与えられた名前 - サポートされているビデオや他のメディアタイプはありません。無関係なHTMLマークアップも必要ありません。の要素は十分です。プラグインは動作します.

依存：jQuery
ブラウザのサポート：IE9 +、Chrome、Firefox、Safari、およびOpera
ライセンス： 未定義

ミニライトボックス

膨大なもののどれも持っていないもう一つのライトボックスプラグイン。ライブラリはわずか2 KBであり、そして画像でのみ動作します。最新のブラウザを指定しただけで、ビデオのような他のメディアタイプをオーバーレイする必要がない場合に最適なプラグインです。.

依存：無し
ブラウザのサポート：IE10 +、Chrome、Firefox、Safari、およびOpera
ライセンス：MITライセンス

ライトケース

Lightcaseは素敵なライトボックスプラグインです。それはフェード、弾力性のあるズームとスクロールのようなユーザーの相互作用を活気づけるようにするいくつかのアニメーションが付属しています。さらに、YouTubeの埋め込み、HTMLビデオ、SWF、入力フォームなど、さまざまな種類のメディアもサポートしています。また、プラグインはメディアに正しくアクセスできないか、エラーを検出しました。

依存：jQuery
ブラウザのサポート：IE9 +、Chrome、Firefox、Safari、およびOpera
ライセンス：GPLライセンス

ヤルブ

ヤルブ Yet Another Lightboxの略ですが、そうではありません。 Yalbには、ライトボックスの状態を識別できるようにするカスタムイベントなど、少数のAPIが付属しています。 開いた そしてそれが 閉じる. Yalbには、Vanilla JavaScriptとjQueryプラグインの2つのバージョンがあります。.

依存：無し
ブラウザのサポート：IE9 +、Chrome、Firefox、Safari、およびOpera
ライセンス：MITライセンス

フェザーライト

6キロバイト フェザーライト 精通した開発者のための裸のプラグインであり、唯一の必需品を運びます。たとえば、画像のライトボックスをギャラリーにグループ化する必要がある場合は、ギャラリーの拡張子を含めることができます。プロジェクトのニーズに合わせて、このプラグイン用の独自の拡張機能を開発することもできます。.

依存：jQuery
ブラウザのサポート：IE8 +、Chrome、Firefox、Safari、およびOpera
ライセンス：MITライセンス

ライトレイヤー

LightLayerは使いやすいライトボックスプラグインです。いくつかのオプション、カスタムJavaScriptメソッド、およびカスタムイベントがあります。プラグインは、画像、ビデオ、地図、および外部コンテンツで動作します。もっと何ができるのか.

依存：jQuery
ブラウザのサポート：IE9 +、Chrome、Firefox、Safari、およびOpera
ライセンス：MITライセンス

ライトギャラリー

ライトギャラリー, 多くの機能が追加された別のライトボックスプラグイン。ライトボックスの細部をカスタマイズするための20以上のオプションが付属しています.

依存：jQuery
ブラウザのサポート：IE7 +、Chrome、Firefox、Safari、Opera、iOS、Android、およびWindows Phone
ライセンス：MITライセンス

FluidBox

液体ボックス Mediumからヒントを得た画像ライトボックスプラグインです。浮遊画像、画像付き画像など、さまざまな状況下の画像で動作します 絶対の 位置、ボーダーとパディングがある画像、およびギャラリー。それがどのように作られたのか調べてください。あなたがWordPressのプラグインが必要な場合は、それがあります.

依存：jQuery
ブラウザのサポート：IE9 +、Chrome、Firefox、Safari、Opera
ライセンス：MITライセンス

StripJS

StripJS ユニークなライトボックスプラグインです。画像をオーバーレイするのではなく、プラグインが画像を横からスライドさせるので、コンテンツ全体がブロックされることはありません。 StripJSは画像とビデオの両方をサポートします.

依存：jQuery
ブラウザのサポート：IE7以降、Chrome、Firefox、Safari、Opera、iOS 5以降、およびAndroid 3+
ライセンス：Creative Commons BY-NC-ND 3.0ライセンス