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

写真をWebサイト上で並べて閲覧できるようにすることはよくあります。その際問題になるのが、各種Webブラウザ(スマートフォンなど含む)への対応や、サイズの異なる写真を綺麗に並べることです。

そこで使ってみたいのがGalleryです。JavaScript製の軽量なギャラリーソフトウェアです。

Galleryの使い方

一覧です。縦、横など様々な形の写真でもタイル状に表示されます。

クリックで写真を拡大表示します。Escキーなどで一覧に戻ります。

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

Galleryを使うことで、サイズの異なる多数の写真をタイル状に並べて閲覧できます。レスポンシブに対応しており、パフォーマンスも考慮されています。外部ライブラリへの依存もないので、様々なプロジェクトで使えるでしょう。

GalleryはJavaScript製のオープンソース・ソフトウェア(MIT License)です。

Gallery

bendc/gallery: Light, responsive, and performant JavaScript gallery

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2