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. Typed.js

    JavaScript

    プログラムを入力するようにタイプするエフェクトを実装できる「Typed.js」

    Typed.jsは、プログラムを入力するように文字をタイプしてくれるエ…

  2. JavaScript

    高さや幅が不揃いの要素をキレイに揃えてくれるjQueryプラグイン「equalize.js」

    高さや幅が不揃いの要素をキレイに揃えてくれるjQueryプラグイン「e…

  3. SWAPMYLI

    JavaScript

    スライドが切り替わるタイミングも分かりやすく表示させるギャラリーを実装できるjQueryプラグイン「…

    シンプルでよさそうだったのでメモしときます。スライドが切り替わるタイミ…

  4. notie.js

    JavaScript

    クリーンでシンプルな通知を表示できる「notie.js」

    notie.jsはクリーンでシンプルな通知を表示できるJSプラグインで…

  5. Erge Drop Down Menu Control
  6. Switchery

    JavaScript

    チェックボックスをiOS7のようなスタイルにしてくれるjQueryプラグイン「Switchery」

    SwitcheryというjQueryプラグインを使えば、チェックボック…

最近の記事

  1. SRS-XB43
  2. Nu:kin
  3. フィールグッドシャワー

アーカイブ

PAGE TOP