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

写真は見せ方がとても大事です。単純にタイル状に並べたのでは誰の目を引くこともできません。強弱をつけたり、アニメーションして表示させることで印象づけられるようになります。

今回はそんな写真コンテンツを一覧、拡大表示するzoomwall.jsを紹介します。大量の写真を使った素敵なコンテンツができるはずです。

zoomwall.jsの使い方

zoomwall.jsの初期表示です。写真がぴったり重なって表示されています。

写真をクリックするとズームして表示されます。次の写真、前の写真へはキーボードで切り替えられます。

実際に動かしてみたところです。

写真を隙間なく並べると大量の写真をぶちまけたようなインパクトがあります。スクロールしながら気に入った写真を細かく見て、さらに別な写真にいくと言った具合に多くの写真をまとめて楽しむのにぴったりではないでしょうか。

zoomwall.jsはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。

zoomwall.js

ericleong/zoomwall.js

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2