plusGallery

JavaScript

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

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

plusGallery

plusGallery

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

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

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

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

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

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

関連記事

  1. Tilt Hover Effects

    JavaScript

    ホバーによるチルトエフェクトを実装できる「Tilt Hover Effects」

    指定したアイテムにホバーすることでオシャレなチルトエフェクトを実装する…

  2. hummingbird-popover

    JavaScript

    高速・軽量なコンテキストメニュー実装「hummingbird-popover」

    hummingbird-popoverは高速・軽量なコンテキストメニュ…

  3. jRCarousel

    JavaScript

    モダンエフェクトなレスポンシブ対応のカルーセル実装「jRCarousel」

    jRCarouselはモダンエフェクトなカルーセルを実装できるjQue…

  4. Image Tilt Effect

    JavaScript

    画像にチルトエフェクトをかけることができる「Image Tilt Effect」

    Image Tilt Effectは画像にチルトエフェクトをかけたちょ…

  5. Rythim.js

    JavaScript

    音楽のリズムに合わせてボタンなどに躍動感を与える「Rythim.js」

    Rythm.jsは、あなたのホームページに躍動感を与えてくれるjsライ…

  6. Progressively

    JavaScript

    画像を徐々に読み込んでくれるJSライブラリ「Progressively」

    Progressivelyは画像を徐々に読み込ませることができるJSラ…

最近の記事

  1. M360bt
  2. BQ-CASE/1
  3. GLOO BOX

アーカイブ

PAGE TOP