Unite Gallery

JavaScript

レスポンシブな画像・動画ギャラリーを実装できる「Unite Gallery」

Unite Galleryは、レスポンシブに対応した画像・動画ギャラリーを実装することができるjQueryプラグインです。画像をズームして見れるほか、タッチにも対応しているのでスマホでも快適にギャラリーを楽しめるのがグッドです。

タッチやキーボードにも対応している

デモ

グリッド状に並べられた画像をクリックすると、ズームして大きな画像で見ることができます。ズーム画面では左右矢印から前後移動ができるほか、キーボードにも対応しているので、キーボードの左右矢印キーからでも画像を切り替えれるようになっています。

また、タッチ対応ということでiPhoneでも試してみたところ、スムーズで快適に操作できました。画像をタップしてズームさせた状態では、スワイプすることで前後の画像に切り替えることも可能です。

必要な機能をしっかりと搭載し、デザインも洗練されているうえに操作もいいことから、かなり実用的なギャラリーに仕上がっていると感じました。

レスポンシブになっているので、PC、スマホ、タブレットと幅広いデバイスに対応しているところもうれしいですね。APIもいろいろ用意されていますよ。

というわけで、これから画像・動画ギャラリーを実装したいと思っている人は、ぜひUnite Galleryを活用してみてはいかがでしょうか。

Unite Gallery

popModal6種類のモーダルウィンドウを実装できる「popModal」前のページ

シンプルで見やすいタブパネルを実装できる「Jquery Tab Plugin」次のページJquery Tab Plugin

関連記事

  1. jQuery Section Navi Plugin
  2. no-image

    JavaScript

    画像の遅延読み込みを実装できる軽量ライブラリ「Lazyestload.js」

    Lazyestload.jsは画像の遅延読み込み機能を実装できる軽量の…

  3. FocusPoint

    JavaScript

    画像の指定した部分を中心にレスポンシブ化できるjQueryプラグイン「FocusPoint」

    FocusPointというjQueryプラグインを使えば、画像の指定し…

  4. hummingbird-popover

    JavaScript

    高速・軽量なコンテキストメニュー実装「hummingbird-popover」

    hummingbird-popoverは高速・軽量なコンテキストメニュ…

  5. jQuery Sidebar

    JavaScript

    上下左右からクイックなスライド表示させることができるjQuery Sidebar

    jQuery Sidebarは上下左右からスライド表示させることができ…

  6. StellarNav.js

    JavaScript

    レスポンシブで多階層に対応したドロップダウンメニュー「StellarNav.js」

    StellarNav.jsはjQueryによるレスポンシブで多階層に対…

最近の記事

  1. オータムスイートポテトフラペチーノ
  2. 紅葉
  3. ナノケア EH-NA0E
  4. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP