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. Simple Modal

    JavaScript

    レスポンシブ対応の軽量・シンプルなモーダル「Simple Modal」

    Simple Modalはレスポンシブに対応した軽量でシンプルなモーダ…

  2. Dependent / Cascading Select List with jQuery Select2

    JavaScript

    選択内容によりその下の内容も変化するセレクトボックス「Dependent / Cascading S…

    セレクトボックスを強力でカスタマイズ性が高く、そして充実させる人気のj…

  3. no-image

    JavaScript

    jQueryとCSS3を使った縦型アコーディオン「Accordion-menu」

    Accordion-menuは、jQueryとCSS3を使ったシンプル…

  4. jQuery Magnify

    JavaScript

    シンプルで軽量なズーム機能を実装できる「jQuery Magnify」

    jQuery Magnifyはシンプルで軽量なズーム機能を実装すること…

  5. Tooltipster

    JavaScript

    シンプルで使い勝手がとてもいいツールチップを実装できるjQueryプラグイン「Tooltipster…

    シンプルで使い勝手がとてもいいツールチップを実装できるjQueryプラ…

  6. SweetAlert2

    JavaScript

    カスタマイズ性が高くアクセシビリティ(WAI ARIA)に優れたアラート実装「SweetAlert2…

    SweetAlert2は、レスポンシブ対応でカスタマイズ性が高くアクセ…

コメント

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

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

最近の記事

  1. cheero Stream 10000mAh
  2. BOSE HOME SPEAKER 300
  3. RP-PC112
  4. SRS-XB402M
  5. Lite LR30

アーカイブ

PAGE TOP