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 Countdown

    JavaScript

    手軽に使えるカウントダウンタイマーを実装できる「jQuery Countdown」

    jQuery Countdownは手軽に使えるカウントダウンタイマーを…

  2. Owl Carousel

    JavaScript

    タッチ操作やレスポンシブにも対応したカルーセルを実装できるjQueryプラグイン「Owl Carou…

    素晴らしいカルーセルを実装できるjQueryプラグインがあったのでご紹…

  3. jQuery Context Menu

    JavaScript

    軽量でシンプルなコンテキストメニューを実装できる「jQuery Context Menu」

    jQuery Context Menuは、軽量でシンプルなコンテキスト…

  4. jQuery.mousetip

    JavaScript

    マウスの動きや位置に追従してくるツールチップを実装できる「jQuery.mousetip」

    jQuery.mousetipはマウスの動きや位置に追従してくる軽量の…

最近の記事

  1. サーモンアボカドサラダラップとドリップ
  2. 猿田彦フレンチ
  3. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて
  4. ビジネスホテル
  5. ドリップコーヒー

アーカイブ

PAGE TOP