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. ホワイトチョコマカダミアドーナツ
  2. エッグペペ
  3. ダークチョコレート
  4. 朝のコーヒー
  5. ザンビア
PAGE TOP