jQuery.GI.TheWall.js

JavaScript

Google画像検索のようなギャラリーを実装できる「jQuery.GI.TheWall.js」

jQuery.GI.TheWall.jsというjQueryプラグインを使えば、Google画像検索のようなギャラリーを実装することができます。サムネイル画像が並んでいて、クリックすると詳細画像がアニメーションで表示されるといった感じです。これは便利ですね。

[ads_center]

jQuery.GI.TheWall.js

jQuery.GI.TheWall.js

jQuery.GI.TheWall.js

以下のように、画像をクリックすると詳細画像が表示されます。

jQuery.GI.TheWall.js

画像以外にテキストを表示させることもできるのが便利ですね。また、左右の矢印で画像を切り替えることもできます。

実際のデモはレスポンシブにもなっています。

オプションでは上記の矢印やレスポンシブの他にも、クローズボタン、キーボードナビゲーション、アニメーションスピード、オートスクロールなどを設定することができます。

Google画像検索みたいなイメージギャラリーを実装したい時に、覚えておきたいですね。

CSSチュートリアルまとめCSS初心者のための役立つ75のチュートリアルまとめ前のページ

左右どちらでも設定可能なサイドバーを実装できるjQueryプラグイン「Simple Sidebar」次のページSimple Sidebar

関連記事

  1. WebSnowjq.js

    JavaScript

    Webページに雪を降らせてくれるjQueryプラグイン「WebSnowjq.js」

    WebSnowjq.jsはWebページの中に雪を降らせることができるj…

  2. jQuery Navobile
  3. Footnoted

    JavaScript

    脚注(注釈)を入れたい時に役立つjQueryプラグイン「Footnoted」

    FootnotedというjQueryプラグインは文章の中に脚注(注釈)…

  4. CSS3 3D Text Plugin for jQuery
  5. Uglipop.js

    JavaScript

    軽量でミニマルなモーダルボックスを実装できる「Uglipop.js」

    Uglipop.jsは軽量でミニマル、カスタマイズ性にも優れたモーダル…

  6. Accessible Mega Menu

最近の記事

  1. オータムスイートポテトフラペチーノ
  2. 紅葉
  3. ナノケア EH-NA0E
  4. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP