lightgallery.js - フルレスポンシブル対応の多機能JavaScriptギャラリーライブラリ

[PR]記事内のアフィリエイトリンクから収入を得る場合があります
  • URLをコピーしました!

S 2016 08 03 21 01 01

多数の画像を美しく表示できるJavaScript製のギャラリーライブラリ「lightgallery.js」。多機能であるのに依存ライブラリが存在しないため使いやすいライブラリです。

lightgallery.jsはCSSオンリーで画像や動画のレスポンシブル表示へ対応し、高い柔軟性を実現。タッチ&ドラッグやYouTube、HTML5ビデオへも対応。ズームやフルスクリーンといったギャラリーの基本機能のほか、サムネイルのアニメーションなど見栄え良くギャラリーを表現する機能も実装されています。

実現できるギャラリーは公式サイトでオンラインデモとして公開されています。

S 2016 08 03 21 01 53

▲アニメーションサムネイル付きのギャラリー。マウスクリックや矢印キーで次々と画像を切り替えていくことができます。拡大縮小やフルスクリーン表示、画像のダウンロード、共有機能を呼び出すこともできます。

S 2016 08 03 21 02 12

▲サムネイルなしのギャラリーはシンプルです。

なおCSSとJavaScriptのインクルード方法やギャラリー部のマークアップ方法は、公式ドキュメントで確認できます。lightgallery.jsのライセンスはApache License。今後の開発のため寄付を募っています。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次