ホームページ > ウェブフロントエンド > jsチュートリアル > ウェブサイトを美しくするための 20 個の jQuery Lightbox ライトボックス プラグインを共有する_jquery

ウェブサイトを美しくするための 20 個の jQuery Lightbox ライトボックス プラグインを共有する_jquery

WBOY
リリース: 2016-05-16 16:34:21
オリジナル
1401 人が閲覧しました

jQuery Lightbox プラグインを使用すると、Web サイトやアプリケーションにエレガントな画像、ビデオ、その他のコンテンツを (モーダル ウィンドウを使用して) 表示できます。あなたが開発者である場合、jQuery ライトボックス プラグイン コレクションが必要です。これは、Web サイトをより魅力的で視覚的にインパクトのあるものにすることを必要とするクライアントのセクションが存在するためです。

そこで、このコレクションでは、開発者が美しい Web サイトを作成およびデザインするのに役立つ 20 個の最高の jQuery ライトボックス プラグインのリストをまとめました。これらのプラグインを Web サイトに簡単に統合でき、ダウンロードしてプラグイン ライブラリを即座に充実させることができます。

1. ライトギャラリー

JQuery lightGallery

jQuery lightGallery は、画像およびビデオ ギャラリーを表示するための軽量の jQuery ライトボックス プラグインです。レスポンシブなレイアウト、モバイル デバイスのタッチ サポート、スライドおよびフェード効果、画像のタイトルと説明などの機能が満載です。

2.ライターボックス

lighterbox - one of the best jQuery Lightbox plugins

Lighterbox は、より軽量でカスタマイズ可能な jQuery ライトボックス ギャラリー プラグインです。シンプルなプラグインは最新のモバイル ブラウザーとデスクトップ ブラウザーをサポートし、構成と互換性を処理するコードを削減します。

3. リボックス

ウェブサイトを美しくするための 20 個の jQuery Lightbox ライトボックス プラグインを共有する_jquery

jQuery-Rebox は、シンプル、軽量、応答性が高く、モバイル対応の jQuery ライトボックス プラグインです。シンプルさに適しており、画像を必要としません。

4. ライトボックス

LiteBox - jQuery lightbox plugin

LiteBox は多目的で、お気に入り/モーダル ウィンドウ、画像、埋め込みコンテンツ、iframe、インライン HTML で使用するコンテンツを自動的に検出します。

5. 画像ライトボックス

image lightbox

このライトボックス プラグインは、iOS、Android、Windows Phone と互換性のある、ミニマリストで拡張性と構成可能、応答性が高く、タッチ操作に適したライトボックス プラグインです。 CSS トランジションとトランジションを使用して、次の画像を自動的にプリロードします。

6. jQuery TosRus

jquery tosrus

jQuery.TosRUs プラグインは、あらゆるコンテンツのスクロール/スワイプをサポートする優れたライトボックス プラグインです。デスクトップ、タブレット、スマートフォン上で、HTML 要素内、またはライトボックス ポップアップとして。

7. 流体ボックス

ウェブサイトを美しくするための 20 個の jQuery Lightbox ライトボックス プラグインを共有する_jquery

Fluidbox は、より大きな解像度の画像への接続を可能にする jQuery プラグインです。このプラグインは携帯電話でも動作し、高解像度のエレガントにリンクされた画像を処理するため、ユーザーがサムネイルをクリックしたときにのみそれらの画像がプリロードされます。

8. スワイプボックス

ウェブサイトを美しくするための 20 個の jQuery Lightbox ライトボックス プラグインを共有する_jquery

Swipebox は、タッチ イベントと適切に機能するレスポンシブ レイアウトをサポートする jQuery ライトボックス プラグインです。単一のアイテムまたはアイテムのグループ (ギャラリー) を表示でき、スワイプ ジェスチャまたはキーボードを使用して参照できます。

9. iライトボックス

ウェブサイトを美しくするための 20 個の jQuery Lightbox ライトボックス プラグインを共有する_jquery

ウェブサイトを美しくするための 20 個の jQuery Lightbox ライトボックス プラグインを共有する_jquery は、他の jQuery ライトボックス プラグインに代わる新しい代替手段であり、有料リソースではありますが、お気に入りになる可能性が十分にあります。画像、ビデオ、その他の HTML をレンダリングでき、オプションで全画面モードもあります。

10.ヴェノボックス

ウェブサイトを美しくするための 20 個の jQuery Lightbox ライトボックス プラグインを共有する_jquery

VenoBox は、画像、インライン コンテンツ、iFrame、Google マップ、Ajax リクエスト、VIMEO、YouTube ビデオに適した、もう 1 つの応答性の高い jQuery ライトボックス プラグインです。他の多くのモーダル ウィンドウ プラグインと比較して、VenoBox は表示される画像の最大幅を計算し、画像の高さがウィンドウの高さよりも大きい場合は大きな差を保持します。

11. 素晴らしいポップアップ

ウェブサイトを美しくするための 20 個の jQuery Lightbox ライトボックス プラグインを共有する_jquery

これは、パフォーマンスに重点を置き、あらゆるデバイスでユーザーに最高のエクスペリエンスを提供する、無料のレスポンシブ jQuery ライトボックス プラグインです。ほとんどのお気に入りプラグインでは、JS オプションを使用してサイズを定義する必要があります。

12. フェザーライト

ウェブサイトを美しくするための 20 個の jQuery Lightbox ライトボックス プラグインを共有する_jquery

Featherlight は、非常に軽量な jQuery ライトボックスです。レスポンシブで、画像、AJAX、iframe をすぐにサポートしており、さまざまな構成オプションを使用してニーズに合わせることができます。

13. フリップライトボックス

ウェブサイトを美しくするための 20 個の jQuery Lightbox ライトボックス プラグインを共有する_jquery

ウェブサイトを美しくするための 20 個の jQuery Lightbox ライトボックス プラグインを共有する_jquery は、実装が非常に簡単で、追加のスタイル シート、スクリプト、ライブラリを必要としない、無料のレスポンシブ ライトボックス jQuery プラグインです。その主な機能は、各ライトボックス画像が開いたり閉じたりするときのオプションのページめくり効果です。

14. カラーボックス

ウェブサイトを美しくするための 20 個の jQuery Lightbox ライトボックス プラグインを共有する_jquery

ColorBox は別の jQuery ライトボックス プラグインで、軽量 (9KB) で、写真、写真グループ、スライドショー、AJAX、インラインおよび iframe コンテンツをサポートします。 Lightbox には、CSS を使用して改善またはカスタマイズできる非常に美しいインターフェイスがあります。

15. ライトボックス_ミー

ウェブサイトを美しくするための 20 個の jQuery Lightbox ライトボックス プラグインを共有する_jquery

ウェブサイトを美しくするための 20 個の jQuery Lightbox ライトボックス プラグインを共有する_jquery は、jQuery 開発者ツールボックスに含まれる重要なツールです。 jQuery オブジェクトでラップされた DOM 要素を指定すると、ライトボックス効果が得られます。

16. シャドーボックス

ウェブサイトを美しくするための 20 個の jQuery Lightbox ライトボックス プラグインを共有する_jquery

Shadowbox Shadowbox は、Web 上で最も一般的なメディア公開フォーマットをすべてサポートするライトボックス プラグインです。 Tai Chi は高度にカスタマイズ可能であり、Web サイト作成者は、ユーザーがリンクされたページから移動することなく、すべての主要なブラウザーでさまざまなメディアを表示できます。

17. スーパーボックス
ウェブサイトを美しくするための 20 個の jQuery Lightbox ライトボックス プラグインを共有する_jquery

SuperBox は、画像とライトボックスを同時にロードする最新の jQuery プラグインで、JavaScript への依存を軽減し、HTML5 データ属性、レスポンシブ レイアウト、および jQuery を使用します。

18. ライトビュー

ウェブサイトを美しくするための 20 個の jQuery Lightbox ライトボックス プラグインを共有する_jquery

Lightview では、jQuery ライブラリを使用して最も美しいウィンドウ オーバーレイを簡単に作成できます。幅広いメディアのサポートとゴージャスな外観およびユーザーフレンドリーな API を組み合わせることで、Lightview は HTML5 を使用して、あらゆるブラウザーで最高のエクスペリエンスを実現できるようにします。強力な JavaScript API を使用して、メディアを自動的に強化したり、カスタム オーバーレイを作成したりできます。

19. フレスコ画

ウェブサイトを美しくするための 20 個の jQuery Lightbox ライトボックス プラグインを共有する_jquery

ウェブサイトを美しくするための 20 個の jQuery Lightbox ライトボックス プラグインを共有する_jquery は、あらゆるデバイスのすべてのブラウザーで見事なオーバーレイを備え、あらゆるサイズで適切に機能する画面を作成するために使用できる美しい応答性のライトボックスです。さらに素晴らしいものにするために、Mural には全画面拡大、網膜対応スキン、Youtube と Vimeo の統合 HTML5 ビデオ、および強力な JavaScript API が付属しています。

20. 補充

ウェブサイトを美しくするための 20 個の jQuery Lightbox ライトボックス プラグインを共有する_jquery

Topup は、Web 2.0 方式で Web ページに画像やポップアップを表示できる使いやすい Javascript ライブラリです。このライブラリは、ブラウザ間の互換性とコンパクトさを維持するために、jQuery および jQuery UI 主導型です。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート