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画面

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

ブラウザサイズを縮小

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

WordPressのログイン時のツールバーWordPressでタグ一覧ページの作り方前のページ

WordPressでカテゴリーとタグのリストを一緒に出力して表示させるやり方次のページWordPressのログイン時のツールバー

関連記事

  1. formBuilder

    JavaScript

    ドラッグ&ドロップでフォームを手軽につくれる「formBuilder」

    formBuilderはドラッグ&ドロップでフォームを手軽につくること…

  2. multi.js

    JavaScript

    検索機能がついたセレクトボックスを実装できる「multi.js」

    multi.jsは検索機能がついた使いやすいユーザーフレンドリーなセレ…

  3. kissui.scrollanim

    JavaScript

    スクロールによる多彩なアニメーションを実装できる「kissui.scrollanim」

    kissui.scrollanimは、CSS3を活用したスクロールによ…

  4. Luminous

    JavaScript

    軽くてシンプルなLightboxを実装できるスクリプト「Luminous」

    Luminousを使えば軽くてシンプルなLightboxを実装すること…

  5. no-image

    JavaScript

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

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

  6. intence

    JavaScript

    インタラクティブなナビゲーションスクロールバーのJSライブラリ「intence」

    intenceはスクロール中のエリアが分かるインタラクティブなナビゲー…

コメント

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

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

最近の記事

  1. クリニカのY字タイプのフロス
  2. 日和山公園の桜
  3. 成城石井 フレンチロースト
  4. COMOLI カシミアシルクニットパーカ
  5. 橋

アーカイブ

PAGE TOP