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

画像や動画は見せ方が大事です。単にリンクを貼って、クリックしたら画像だけが表示される…なんてのはよくありません。最近は画像の解像度が上がっているので、サムネイルと実際の写真とをうまく見せる必要があります。

今回紹介するBigPictureはWebベースの画像、動画表示ライブラリになります。

BigPictureの使い方

デモです。クリックでモーダル表示になります。

動画でも使えます。HTML5動画、YouTubeやVimeoにも対応しています。

サムネイルと実体の大きさが異なる場合。

画像がない場合にも対応してます。

動画は各動画共有サイトによるようです。

BigPictureを使えばYouTubeなどを単に埋め込むのではなく、サムネイル表示にしてクリックしてはじめて再生するようにしたり、サムネイル画像を並べて表示できるようになります。この手のライブラリは他にもありますが、動画にも対応しているのが利点と言えそうです。

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

BigPicture Example Page

henrygd/bigpicture: Lightweight JavaScript image / video viewer. Supports Youtube and Vimeo.

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2