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. JavaScript

    ライトボックスみたいなお洒落なアラートを出してカスタマイズもできるjQuery uLightBox …

    ライトボックスみたいなお洒落なアラートを表示させることができるjQue…

  2. autoscroll.js

    JavaScript

    コンテンツを自動でスクロールしてくれるjQueryプラグイン「autoscroll.js」

    autoscroll.jsはwebページ内のコンテンツを自動でスクロー…

  3. no-image

    JavaScript

    オシャレなスクロールエフェクトを実装できる「jQuery Smoove」

    jQuery Smooveは、オシャレなスクロールエフェクトを実装する…

  4. JavaScript

    値を指定することで好きなカラースウォッチを表示できるjQueryプラグイン「Color Swatch…

    これはどこかで使いたくなるjQueryプラグインですね。カラー値を指定…

  5. Reframe.js

    JavaScript

    特定の要素をレスポンシブ化してくれる「Reframe.js」

    Reframe.jsはレスポンシブに対応していない特定の要素をレスポン…

コメント

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

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

最近の記事

  1. ルック セレクション
  2. シルキーウインドモバイル
  3. アリエール パワージェルボール3D
  4. NuAns × Shibaful TAGPLATE

アーカイブ

PAGE TOP