jQuery Responsive Thumbnail Gallery Plugin

JavaScript

レスポンシブなサムネイル付きのイメージギャラリーを実装できる「jQuery Responsive Thumbnail Gallery Plugin」

レスポンシブなサムネイル付きのイメージギャラリーを実装できる「jQuery Responsive Thumbnail Gallery Plugin」がよさそうだったのでメモがてらご紹介します。サムネイル画像から見たい画像を選択することができます。レスポンシブ対応なのでスマホでも見れるのがいいですね。

[ads_center]

使い方

次のようにセットします。

$(document).ready(function() {
    var gallery = new $.ThumbnailGallery($('#gallery'));
});

以下はPC画面で見た時。

jQuery Responsive Thumbnail Gallery Plugin PC画面

ブラウザサイズを縮小した時。

ブラウザサイズを縮小

イメージギャラリーを作成する時は選択肢の一つとして覚えておいて損はないですね。オプションも色々あるので詳細やダウンロードについては以下の公式サイトからご確認ください。

関連記事

  1. underline.js

    JavaScript

    遊び心あるアニメーションと美しさを追求したアンダーライン「underline.js」

    underline.jsはアニメーションが付いた美しいアンダーラインを…

  2. ClassyCountdown

    JavaScript

    スタイリッシュな円形カウントダウンのjQueryプラグイン「ClassyCountdown」

    ClassyCountdownはシンプルでスタイリッシュな円形カウント…

  3. mFancyTitle

    JavaScript

    ブラウザのタブにあるファビコンとタイトルをアニメーション化できる「mFancyTitle」

    mFancyTitleは、ブラウザのタブに表示されているファビコンとタ…

  4. Fixit

    JavaScript

    要素を特定の位置に固定できるjQueryプラグイン「Fixit」

    Fixitは要素を特定の位置に固定することができるjQueryプラグイ…

  5. Cloud 9 Carousel

    JavaScript

    サクサク動作する3Dカルーセルを実装できる「Cloud 9 Carousel」

    Cloud 9 Carouselはサクサク動作する3Dカルーセルを実装…

  6. no-image

    JavaScript

    超シンプルでオプションもわかりやすいjQueryスライダー「Free Simple Slider」

    Free Simple Sliderは、超シンプルで使い方も簡単なスラ…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. トライポッドスリーブ
  2. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ
  3. カメラマングローブ Grip Hot Shot III
  4. 包(つつむ)巾着ポーチ

Instagram始めました

Facebookページ

PAGE TOP