Zoomer

JavaScript

画像をズームできてギャラリーにもすることができるjQueryプラグイン「Zoomer」

ZoomerというjQueryプラグインを使えば画像をズームさせる機能を実装することができます。また、複数の画像を記述することでギャラリーにすることもできるのでとても便利ですね。ギャラリーでも各画像に対してズーム機能がついているので画像を細部までじっくり見せたいといった時に役立ちますね。

[ads_center]

Zoomerの使い方

Zoomer

Zoomer

下部にある「+」で拡大、「ー」で縮小することができます。

使い方もとてもシンプルですね。

$(".viewer").zoomer();

画像を指定。

<div class="viewer">
    <img src="画像" />
</div>

ギャラリーの場合は複数の画像を記述します。

<div class="viewer">
    <img src="画像1" />
    <img src="画像2" />
    <img src="画像3" />
</div>

画像をズームしたり、それに対応したギャラリーを実装したい時に覚えておきたいプラグインです。

関連記事

  1. no-image

    JavaScript

    スクロール時に要素を固定できるjQueryプラグイン「ScrollFix」

    ScrollFixはスクロール時に特定の要素を固定して表示できるjQu…

  2. JavaScript

    シンプルなアラートを表示させることができる「smoke.js」

    smoke.jsはシンプルでカッコいいアラートを表示させることができる…

  3. quick-select

    JavaScript

    素早く簡単に選択できるセレクトボックス「quick-select」

    quick-selectは素早く簡単に選択可能なセレクトボックスを実装…

  4. stackgrid.adem.js

    JavaScript

    コンテンツをグリッド状にスタッキングできる「stackgrid.adem.js」

    stackgrid.adem.jsはコンテンツをグリッド状にスタッキン…

  5. Cavendish.js

    JavaScript

    CSS transitionsを活用したシンプルなスライドショーを実装できるjQueryプラグイン「…

    CSS transitionsを活用したシンプルなスライドショーを実装…

  6. JavaScript

    複数カラムをレスポンシブに対応させるjQueryプラグイン「jquery.columns」

    複数あるカラムをレスポンシブに対応させるためのjQueryプラグイン「…

コメント

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

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

最近の記事

  1. ワンタッチ着脱フィルターキット
  2. Soundcore Ace A1
  3. cheero USB-C PD Charger 60W
  4. DY-S01

アーカイブ

PAGE TOP