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画像検索みたいなイメージギャラリーを実装したい時に、覚えておきたいですね。

関連記事

  1. flexible-bootstrap-carousel
  2. jQuery Section Navi Plugin
  3. Huebee

    JavaScript

    オシャレなカラーピッカーを手軽に表示させれる「Huebee」

    Huebeeはシンプルでオシャレなカラーピッカーを手軽に表示させること…

  4. no-image

    JavaScript

    ページ読み込み時に画面上部にプログレスバーを表示する「Skylo」

    Skyloはページ読み込み時にプログレスバーを画面上部に表示できるのが…

  5. ScrollMe

    JavaScript

    シンプルなスクロールエフェクトを実装できるjQueryプラグイン「ScrollMe」

    ScrollMeというjQueryプラグインを使えば、シンプルでスタイ…

  6. Data Img

    JavaScript

    ブラウザ幅に応じて画像を切り替えれるレスポンシブ対応のjQueryプラグイン「Data Img」

    Data Imgはブラウザ幅に応じて最適なサイズの画像を切り替えて表示…

最近の記事

  1. iPhone 11 ProとApple Watch Hermès
  2. cheero Energy Plus mini Wireless 4400mAh
  3. cheero 2 port PD Charger
  4. 台座と紅葉
  5. ニルヴァーナ バターチキンカレー

アーカイブ

PAGE TOP