Spotlight.js - モダンなイメージギャラリー // MOONGIFT Archived

Webページで画像を並べて表示したいケースは良くあります。その際、クリックして単に画像を拡大表示するのでは面白くありません。浮かび上がるような演出だったり、アニメーションがUXを向上させます。今回紹介するSpotlight.jsはモダンなイメージギャラリーになります。

Spotlight.jsの使い方

一覧表示の状態です。

クリックで拡大されます。

動画も利用できます。

情報を追加表示できます。

アニメーションなどは細かくカスタマイズできます。

Spotlight.jsは軽量さが売りとなっています。外部ライブラリへの依存もなく、Spotlight.js単独で手軽に利用できます。ズームインやアウト、自動再生、読み込み中のスピナーなど細かな部分に気が配られているのが好感です。

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