plusGallery

JavaScript

Google+のような画像ギャラリーを実装できる「plusGallery」

plusGalleryはGoogle+のような画像ギャラリーを実装することができるjQueryプラグインです。幅や高さのサイズが異なる画像でもキレイに並べてスライド表示させることができます。

plusGallery

plusGallery

デモではギャラリーにマウスオーバーすると左右にスライドで前後移動するための矢印ボタンが表示されます。

すべての画像が同じ幅と高さに設定されているわけではなく、バラバラなサイズでありながらも一つの同じスペース内に、異なるサイズの画像がキレイに収まっているので効率よく快適に見ていくことができます。

スライド移動もサクサク動作するほか、矢印ボタンもマウスオーバーしたときだけ表示されるので、画像をじっくり見たいユーザーにも最適です。

無駄な装飾もなくシンプルなギャラリーだからこそ、画像にも集中できるのではないでしょうか?

異なる高さの画像をキレイに見せるギャラリーをつくるのは容易なことではありませんが、このプラグインを使えばカンタンに実装できるので、興味がある人はぜひ活用されてみてはいかがでしょうか?

というわけで、Google+のようなカッコイイ画像ギャラリーを実装できるjQueryプラグイン「plusGallery」のご紹介でした。

関連記事

  1. PWS Tabs jQuery Plugin
  2. VintageTxt

    JavaScript

    タイピングしているような効果を実装できるjQueryプラグイン「VintageTxt」

    VintageTxtというjQueryプラグインを使えば、文字をタイピ…

  3. jqTree

    JavaScript

    JSONデータからツリー構造を作成できるjQueryプラグイン「jqTree」

    jqTreeはJSONデータを元にHTMLでツリー構造を作成できるjQ…

  4. jQuery Flat Shadow

    JavaScript

    フラットデザインに影をつけてくれるjQueryプラグイン「jQuery Flat Shadow」

    フラットデザインのUIに影(シャドウ)をつけてくれるjQueryプラグ…

  5. Page Stack Navigation

    JavaScript

    ページをスタッキングできる「Page Stack Navigation」

    Page Stack Navigationはページをスタッキングできる…

  6. Vague.js

    JavaScript

    要素をぼかすことができるjQueryプラグイン「Vague.js」

    要素をぼかすことができるjQueryプラグイン「Vague.js」が面…

最近の記事

  1. ADR-3ML39シリーズ
  2. キュレル モイスチャーバーム
  3. FUJIFILM X-Pro3
  4. iPhone 11 ProとApple Watch Hermès
  5. cheero Energy Plus mini Wireless 4400mAh

アーカイブ

PAGE TOP