lightgallery

lightGalleryは、JavaScriptで書かれたカスタマイズ可能でモジュール式、レスポンシブ対応のライトボックスギャラリープラグインです。依存関係はなく、React.js、Angular、Vue.js、TypeScript向けに配布されており、通常のHTMLページでも直接使用できます。 READMEに記載されている主な機能は以下のとおりです。 - 完全にレスポンシブなレイアウトとタッチデバイス向けの最適化。デスクトップではマウスドラッグにも対応。 - ズーム、サムネイル、自動再生、コメント、フルスクリーン、ハッシュ/ディープリンク、ページャー、回転、共有、動画、ミディアムズームなどの組み込みプラグインを備えたモジュール式アーキテクチャ。 - ダブルクリックまたはダブルタップで画像を実際のサイズで表示。ズームイン/ズームアウト、ピンチズームにも対応。 - アニメーション付きサムネイル、ソーシャル共有、YouTube、Vimeo、Wistia、HTML5動画のサポート。 - 20種類以上のハードウェアアクセラレーション対応CSS3トランジション、ダイナミックモード、インラインギャラリー、フルスクリーン対応。 - 上下へのスワイプまたはドラッグでギャラリーを閉じる操作、ディープリンク用のブラウザ履歴API、レスポンシブ画像。 - HTML iframeのサポート、1ページでの複数インスタンス、キーボードナビゲーション、SVGアイコン、アクセシビリティ対応。 - 画像の回転と反転、スマートな画像プリロード、コードの最適化。 - CSS/SCSSと設定によるカスタマイズ。 インストール方法には、NPM、Yarn、Bower、CDN（jsdelivr、cdnjs、unpkg）、GitHubからの直接ダウンロードがあります。スタイルは、個別のCSSファイル、統合されたlightgallery-bundle.css、またはSCSSファイルとして含めることができます。このライブラリはAMD、CommonJS、ES6モジュールのインポートをサポートしています。 READMEでは、特定のマークアップは必要なく、任意のマークアップを使用できると説明されています。オプションのdata-lg-size属性を使用すると、初期ズームアニメーション用に元のメディア寸法を提供できます。初期化は、コンテナ要素に対してlightGalleryを呼び出し、ライセンスキーを含むプラグインと設定を渡すことで行います。 ブラウザサポートは、IE 10以降を含むすべての主要ブラウザをカバーしています。ライセンスはデュアルライセンスで、プロプライエタリな商用プロジェクト向けの商用ライセンスと、互換性のあるライセンスの下でのオープンソースアプリケーション向けのGPLv3があります。サポートはメールとTwitterで利用できます。