ITエンジニア/デザイナ向けにオープンソースを毎日紹介

スマートフォンやデジカメで撮影した写真を活かす方法として、Webサイトなどで公開している人は多いでしょう。しかし、単に写真へのリンクを並べるだけでは面白くありません。サムネイルを作ったり、見せ方も工夫すべきです。

今回紹介するlightGalleryは写真をサムネイル表示し、クリックで拡大表示するギャラリーライブラリです。写真を綺麗に見せることで、よりインパクトが残せることでしょう。

lightGalleryの使い方

最初はサムネイルが並んでいます。高さを合わせているので整然と並んでいる雰囲気が出ています。

クリックで拡大表示します。

動画も利用できます。

動かしているところです。

アニメーション方法は多種多様に揃っています。

lightGalleryは画像や動画を指定できる他、iframeを使った表示にも対応しています。画像はレスポンシブに表示でき、デスクトップとモバイルのブラウザ両方に対応しています。共有機能などもあり、とても多機能なギャラリーライブラリです。

lightGalleryはJavaScript製のオープンソース・ソフトウェア(GPL v3)です。

lightGallery - Full featured javascript gallery for web and mobile.

sachinchoolur/lightGallery: A customizable, modular, responsive, lightbox gallery plugin.

 

MOONGIFTの関連記事

  • DevRel
  • Com2