JavaScriptで部分ズーム処理を実装 (TJPzoom)

2007年5月21日(月) 09:10

TJPzoom
写真をズームレンズを通してみたような効果を再現するJavaScriptがTJPzoom。新たなバージョンがリリースされ、表示速度や対応ブラウザなど充実してきている。ナビゲーション操作も新しくなりマウスのみで拡大領域のサイズ変更と、拡大率の変更が可能になった。

写真の上にマウスを乗せるだけで、部分的に拡大表示をしてくれる。クリック+移動でナビゲーションの状態を変更する。上:拡大 下:縮小 左:領域縮小 右:領域拡大

ダウンロードファイルにはチュートリアルなど関連するドキュメントが含まれている。導入は非常に簡単に行うことができるので、カスタマイズする際に参考にすると良い。

利用する場面を想定しにくいインターフェースだが、ブログなどで写真を公開するときに使ってみると面白いかもしれない。また、ある程度高解像度の写真のほうがズームした際にもきれいに表示できる。

関連する記事