Lightgallery.jsを使ったフルスクリーンライトボックススライドショー

優れたブログやポートフォリオのWebサイトであれば、 モーダルライトボックススライドショー. これは良いことができます 関連写真を紹介 または訪問者を許可する 仕事のポートフォリオを閲覧する （デザイン、アート、写真）.

あり lightgallery.js, あなただけ ライブラリをインストールする そして 実行させて. あなたはそれを設定することができます 任意の数の写真と そして各スライド 画面全体を占める.

私はスクリーンの一部しか占めていない他のスライドショーよりもこのプラグインを強く好みます。 lightgallery.jsとは, すべての焦点はスライドショーになります そして最初の可視画像.

各スライドの一番下には、 小さな説明 リンクやあなたが望むどんなテキストでも.

右上隅に、 一連のボタン にとって 拡張機能. 順番に、彼らはこのようになります：

• スライドショーをする
• ズームイン/ズームアウト
• ブラウザフルスクリーン
• ソーシャルシェア
• 画像ダウンロード
• スライドショーを閉じる

あなたはこれらのボタンのどれを表示したいのかを選んで選ぶことができます。 オプションを編集する プラグインを呼び出すとき.

実際、私はドキュメンテーションにどれだけの詳細が入ってきたのかに驚いています。詳細は オプション そして コールバックメソッド. しかし、あなたはまた情報を見つけるでしょう カスタムデータ属性, Sass変数, そしてさらに プラグインAPI lightgalleryにモジュールを構築する.

ああ、そして私はそれを言及しました 完全モバイル対応? あなたはあなたの指でもマウスでもギャラリーを介して写真をスワイプすることができます.

自分のサイトに自分のポートフォリオを表示するための優れた方法を望んでいるデザイナーや写真家には最適の選択です。.

できます iframeやビデオを埋め込む YouTubeやVimeoなどのサイトから。これは本当に最高のユーザーエクスペリエンスを提供する最高のライトボックスギャラリープラグインです。.

このライブラリは すべての依存関係がない そしてそれ 純粋なJavaScriptで動作. しかしそれは 大きな図書館でうまく遊ぶ jQueryやBootstrapなど.

あなたがこれを好めば jQueryプラグインとして jQueryユーザー用に移植されたlightgallery.jsプラグインがあります。あなたは見ることができます フルデモ に デモページ またはチェックアウト ペンの下. そしてあなたが必要な場合 ソースコード に向かう GitHubリポジトリ そして コピーをつかむ あなた自身のための.