plusGallery

JavaScript

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

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

plusGallery

plusGallery

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

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

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

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

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

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

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

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

関連記事

  1. pell

    JavaScript

    軽量でシンプルなWeb用のWYSIWYGエディタを実装できる「pell」

    pellは1.5KBと非常に軽量でシンプルなWeb用のWYSIWYGエ…

  2. Combodate

    JavaScript

    日付や時間をドロップダウン式にしてくれる「Combodate」

    Combodateは日付や時間の入力をドロップダウン式に置き換えてくれ…

  3. Schedule Template

    JavaScript

    シンプルなスケジュール表を実装する「Schedule Template」

    スッキリしたデザインのシンプルなスケジュールテンプレートを実装するため…

  4. Greedy Navigation

    JavaScript

    レスポンシブ対応でメニューのアイテム数がわかりやすい「Greedy Navigation」

    Greedy Navigationはレスポンシブ対応でメニューのアイテ…

  5. Fitty

    JavaScript

    親コンテナにテキストをフィットさせられる「Fitty」

    Fittyはテキストをスケールアップ、またはスケールダウンして親コンテ…

  6. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのeachメソッドのお勉強

    今回はjQueryのeachメソッドを使ってみました。なんかとても便利…

最近の記事

  1. ユニクロ エアリズム マイクロメッシュVネックT(半袖)
  2. ライオン システマ 超コンパクト ふつう
  3. タリーズ ハムチーズ&サラダサンド
  4. クリニカのY字タイプのフロス
  5. 日和山公園の桜

アーカイブ

PAGE TOP