Unite Gallery

JavaScript

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

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

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

デモ

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

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

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

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

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

Unite Gallery

関連記事

  1. vallenato.js

    JavaScript

    シンプルで実装も簡単なjQueryアコーディオン「vallenato.js」

    vallenato.jsは、シンプルで簡単に実装することができるjQu…

  2. gridstack.js

    JavaScript

    ウィジェットレイアウトを作成できるjQueryプラグイン「gridstack.js」

    gridstack.jsはドラッグ&ドロップでウィジェットレイアウトを…

  3. Slideout.js

    JavaScript

    軽量でタッチスライド対応のサイドメニュー・Slideout.js

    Slideout.jsは軽量でスマフォでのタッチスライドに対応したサイ…

  4. jQuery.Flexdatalist

    JavaScript

    テキスト入力候補を表示させれる「jQuery.Flexdatalist」

    jQuery.Flexdatalistはテキスト入力候補を表示させるこ…

  5. fullPage.js

    JavaScript

    フルページでコンテンツごとにスクロールする「fullPage.js」

    fullPage.jsはフルページでコンテンツごとにスクロールするレス…

  6. Naver

    JavaScript

    シンプルですごくいい!レスポンシブに合うナビゲーションのjQueryプラグイン「Naver」

    NaverというjQueryプラグインがすごくシンプルでよかったのでご…

最近の記事

  1. Kindle Oasis
  2. OWL-WDDESK01
  3. ワンタッチ着脱フィルターキット
  4. Soundcore Ace A1

アーカイブ

PAGE TOP