ZoomerというjQueryプラグインを使えば画像をズームさせる機能を実装することができます。また、複数の画像を記述することでギャラリーにすることもできるのでとても便利ですね。ギャラリーでも各画像に対してズーム機能がついているので画像を細部までじっくり見せたいといった時に役立ちますね。
[ads_center]
Zoomerの使い方
Zoomer
下部にある「＋」で拡大、「ー」で縮小することができます。
使い方もとてもシンプルですね。
$(".viewer").zoomer();
画像を指定。
<div class="viewer">
<img src="画像" />
</div>
ギャラリーの場合は複数の画像を記述します。
<div class="viewer">
<img src="画像1" />
<img src="画像2" />
<img src="画像3" />
</div>
画像をズームしたり、それに対応したギャラリーを実装したい時に覚えておきたいプラグインです。
