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. Responsive overlay menu

    JavaScript

    美しいオーバーレイメニューを実装できる「Responsive overlay menu」

    Responsive overlay menuはレスポンシブに対応した…

  2. Easy Z modal

    JavaScript

    シンプルなモーダルウィンドウ・ダイアログボックスを表示できる「Easy Z modal」

    Easy Z modalはシンプルでダイナミックなモーダルウィンドウ・…

  3. jQuery Inline Footnotes

    JavaScript

    ホバーで脚注を表示できる「jQuery Inline Footnotes」

    jQuery Inline Footnotesはホバーすることで脚注の…

  4. star-rating-svg

    JavaScript

    カスタマイズ性に優れたレーティング(星評価)実装「star-rating-svg」

    star-rating-svgは、SVGを使用したカスタマイズ性に優れ…

  5. jQuery Panelize Plugin
  6. Modaal

    JavaScript

    アクセシビリティに優れたモーダルウィンドウを実装できる「Modaal」

    ModaalはWCAG 2.0のレベルAAをサポートしているアクセシビ…

コメント

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

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

最近の記事

  1. Dyson Pure Cool Me
  2. ルック セレクション
  3. シルキーウインドモバイル
  4. アリエール パワージェルボール3D

アーカイブ

PAGE TOP