Unite Gallery

JavaScript

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

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

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

デモ

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

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

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

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

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

Unite Gallery

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

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

関連記事

  1. Easy Responsive Tabs to Accordion

    JavaScript

    レスポンシブ対応のタブとアコーディオンで切り替わるjQueryプラグイン「Easy Responsi…

    今すぐにでも使いたいjQueryプラグインを見つけたので備忘録。レスポ…

  2. JavaScript

    jQueryでCSSを複数の値で設定するやり方やクラスの追加や削減など色々

    jQueryのCSS操作で複数の値を渡したい時はハッシュ形式にすると便…

  3. JavaScript

    いろんなデザインのツールチップを実装できる「Opentip」

    Opentipはいろんなデザインのツールチップを実装することができるJ…

  4. no-image

    JavaScript

    インスタの写真や動画を表示できる軽量なjQueryプラグイン「Instagram Lite」

    Instagram Liteは指定したユーザーのインスタグラムの写真や…

  5. no-image

    JavaScript

    スライダータイプの質問フォーム実装「jquery.formslider」

    jquery.formsliderはスライダータイプによる質問フォーム…

  6. topbar

    JavaScript

    画面上部に美しいプログレスバーを表示できる「topbar」

    topbarは、ページ読み込み時に画面上部に美しいプログレスバーを表示…

最近の記事

  1. MacBook AirとHyperJuiceのモバイルバッテリー
  2. サラテクト 虫よけシート
  3. Apple SDカードリーダー
  4. 10種の野菜と5種のビーンズ サラダラップとドリップコーヒー
  5. EOS RP
PAGE TOP