jQueryプラグインのzoomyを使って表示している画像の部分拡大を行えます。 用意するものはjQueryプラグインのzoomyとノーマルサイズ画像とノーマルサイズを拡大した拡大画像です。 zoomyの入手はここからできます。

使いかた

HTML
ノーマルサイズ画像と拡大画像を次のように設置する。
●ノーマルサイズ画像：nature.png
●拡大サイズ画像：nature_Img.png

<a href="http://sample.com/img/nature_Img.png" class="zoom">
  <img src="http://sample.com/img/nature.png" alt="こちらが表示される画像です。">
</a>

JavaScript

jQuery(function($){
  $('.zoom').zoomy();
});

サンプル