plusGallery

JavaScript

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

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

plusGallery

plusGallery

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

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

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

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

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

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

関連記事

  1. Simple Image Panner and Zoomer
  2. Custom Carousel

    JavaScript

    カードスタイルのカルーセル・スライダー実装「Custom Carousel」

    Custom Carouselはカードスタイルによるシンプルなカルーセ…

  3. blurify

    JavaScript

    画像にぼかし効果を実装できる軽量のJSライブラリ「blurify」

    blurifyは画像にぼかし効果を実装することができるJSライブラリで…

  4. Section Scroller

    JavaScript

    セクションごとに自動でスクロールしてくれるボタン実装「Section Scroller」

    Section Scrollerは、セクションごとにスムーズにスクロー…

  5. Rate Yo!

    JavaScript

    星評価(レーティング)を簡単に実装できるjQueryプラグイン「Rate Yo!」

    Rate Yo!というjQueryプラグインを使えば、SVGを使った星…

  6. Nivo Lightbox

    JavaScript

    Lightbox系のレスポンシブ対応のjQueryプラグイン「Nivo Lightbox」

    シンプルでレスポンシブにも対応しているLightbox系のjQuery…

最近の記事

  1. Happy Plugs AIR1
  2. cheero Stream 10000mAh
  3. BOSE HOME SPEAKER 300
  4. RP-PC112
  5. SRS-XB402M

アーカイブ

PAGE TOP