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

スマートフォンが流行るのに伴って画像コンテンツが増えています。普段、何気ない場面でもとりあえず撮影しておくといった人は多いのではないでしょうか。

次に考えるべきは見せ方です。FlickrやFacebookにアップするだけでなく、自分のサイトで効果的に見せるためにViewer.jsを使ってみましょう。

Viewer.jsの使い方

デモです。左右に設定があります。

写真をクリックすると拡大表示されます。

インラインではあまり大きくはならずに表示されます。

写真の回転もサポートされています。

Viewer.jsは多数の写真をグリッドで並べて、クリックで拡大表示できます。旅行やイベントなど、撮りためた写真を公開する際に使ってみましょう。

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

Viewer.js

fengyuanchen/viewerjs: JavaScript image viewer.

 

MOONGIFTの関連記事

コメント

  • MOONGIFTプレミアム
  • Mobile Touch