Unite Gallery

JavaScript

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

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

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

デモ

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

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

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

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

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

Unite Gallery

関連記事

  1. Lity

    JavaScript

    超軽量でアクセシブル・レスポンシブなLightboxを実装できる「Lity」

    Lityは、超軽量でアクセシブル・レスポンシブなLightboxプラグ…

  2. Letter Drop

    JavaScript

    雨のように文字が落ちてくるアニメーションのjQueryプラグイン「Letter Drop」

    Letter DropというjQueryプラグインを使えば、雨のように…

  3. no-image

    JavaScript

    依存関係のないタグ付け機能を実装できる「taggle.js」

    taggle.jsは依存関係のないタグ付け機能を実装できるのが特徴です…

  4. flatpickr

    JavaScript

    超軽量で使い方もカンタンな日付ピッカー「flatpickr」

    flatpickrはjQueryなどのライブラリに依存することなく動作…

  5. MoveTo

    JavaScript

    軽量なスムーススクロールを実装できるJSライブラリ「MoveTo」

    MoveToは軽量(圧縮版で1KBほど)なスムーススクロールを実装する…

  6. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでsetTimeoutを使えば各要素のアニメーションを実行させる時間を調整できる

    jQueryのsetTimeoutを使えば何秒後に実行するかといったこ…

最近の記事

  1. ブラジルイパネマ
  2. 梅しば
  3. BM-IBCDH13RD
  4. 雪
  5. ホットのドリップ

アーカイブ

PAGE TOP