便利そうだったのでメモ。イメージズーマーです。複数の画像がある場合は、自動でギャラリー化、それぞれの画像をズームする事もできます。ECサイトに良さそうですね。

よくある画像をズームするスクリプトです。jQueryに依存します。

Zoomer


イメージズーマーを実装するjQueryのプラグインです。複数画像がある場合は自動で簡易的なギャラリーにする事も出来るみたい。

$(".foo").zoomer();

セレクタを指定して

<div class="foo">
    <img src="image.jpg" />
</div>

画像を置くだけベープ。

<div class="foo">
    <img src="image01.jpg" />
    <img src="image02.jpg" />
    <img src="image03.jpg" />
</div>

複数画像がある場合は自動でギャラリー形式にしてくれます。

動作デモは下記にて。ライセンスはMITです。

Zoomer