plusGallery

JavaScript

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

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

plusGallery

plusGallery

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

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

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

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

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

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

Flex-Slider-jQueryシングルでもマルチでもOKなフレキシブルなスライダー「Flex-Slider-jQuery」前のページ

レスポンシブで多階層に対応したドロップダウンメニュー「StellarNav.js」次のページStellarNav.js

関連記事

  1. jQuery.Flexdatalist

    JavaScript

    テキスト入力候補を表示させれる「jQuery.Flexdatalist」

    jQuery.Flexdatalistはテキスト入力候補を表示させるこ…

  2. Bricklayer

    JavaScript

    軽量なグリッドレイアウトを実装できる「Bricklayer」

    Bricklayerは軽量なグリッドレイアウトを実装することができるラ…

  3. Parazoom

    JavaScript

    クールに拡大・チルトする画像ズーム「Parazoom」

    Parazoomはクールに拡大・チルトする画像ズーム機能を実装できるj…

  4. TyperText

    JavaScript

    テキストタイピングエフェクトを実装できる「TyperText」

    TyperTextはテキストタイピングエフェクトを実装できるjQuer…

  5. Naver

    JavaScript

    シンプルですごくいい!レスポンシブに合うナビゲーションのjQueryプラグイン「Naver」

    NaverというjQueryプラグインがすごくシンプルでよかったのでご…

  6. DarkTooltip

    JavaScript

    色んなパターンのツールチップを実装できるjQueryプラグイン「DarkTooltip」

    DarkTooltipというjQueryプラグインを使えば、色んなパタ…

最近の記事

  1. 200-DGBG020
  2. Anker PowerPort 5-in-1 37.5W Hub
  3. α7C + FE28-60mm F4-5.6

アーカイブ

PAGE TOP