写真や動画はコンテンツの質はもちろんのことながら、その見せ方も大事になります。ただ一覧に貼り付けるだけでは魅力に欠けるでしょう。そのためのギャラリーソフトウェアも幾つか存在します。 今回は写真と動画コンテンツに対応したギャラリーライブラリ、lightgallery.jsを紹介します。

lightgallery.jsの使い方

一覧ページです。四角く、整然と並んでいます。

写真詳細。下にサムネイルが並びます。

動画にも対応します。HTML5動画の他、YouTubeやVimeoが使えます。

写真を切り替える際のエフェクトも多数用意されています。

lightgallery.jsはjQueryなどの依存性がなく、十分な機能が用意されています。レスポンシブデザイン対応、プラグインによる拡張、マウスドラッグサポート、ソーシャルメディアでの共有サポートなど多数の機能が揃っています。

lightgallery.jsはJavaScript製のオープンソース・ソフトウェア(Apache Licnese 2.0)です。

lightgallery.js sachinchoolur/lightgallery.js: Full featured JavaScript image & video gallery. No dependencies