valid.tjp.hu - TJPzoom 3 - JavaScript / CSS / DOM image magnifier

As you may have realized, this is an image magnifier. It's a completely rewritten version of my script tjpzoom, but still is in JavaScript / DOM :).

虫眼鏡を使って画像をズームする感じのUIライブラリ「TJPzoom」。
次のように、マウスの位置に従ってレンズが動作し、レンズ部分が拡大されます。



画像上をドラッグ＆ドロップでレンズのサイズを変えたり、ズーム比を変更したりすることが出来ます。
（左にドラッグでレンズ縮小、右にドラッグでレンズ拡大、上にドラッグでズーム比拡大、下にドラッグでズーム比縮小）

小さい画像と大きい画像を組み合わせて初期化することで、拡大した際にも高解像度の表示が可能のようです。



ウォーリーを探せのような、WEB上で動作するゲームのようなものや、サイトのちょっとした仕掛けに活用すると訪問者を驚かせたり、楽しませたりすることが出来そうですね。