Webページで画像を並べて表示したいケースは良くあります。その際、クリックして単に画像を拡大表示するのでは面白くありません。浮かび上がるような演出だったり、アニメーションがUXを向上させます。 今回紹介するSpotlight.jsはモダンなイメージギャラリーになります。 Spotlight.jsの使い方 一覧表示の状態です。 クリックで拡大されます。 動画も利用できます。 情報を追加表示できます。 アニメーションなどは細かくカスタマイズできます。 Spotlight.jsは軽量さが売りとなっています。外部ライブラリへの依存もなく、Spotlight.js単独で手軽に利用できます。ズームインやアウト、自動再生、読み込み中のスピナーなど細かな部分に気が配られているのが好感です。 Spotlight.jsはJavaScript製のオープンソース・ソフトウェア(Apache Licnese 2.0