Sweet

TJPzoom 3

070802.jpg

JavaScript / CSS / DOM image zoomer - TJPzoom 3

拡大表示のためのAjaxのサンプルなんですが、表示枠(ルーペ?)の調整操作がちょっと楽しい。

クリックして左右にドラッグすると表示枠の大きさが、上下にドラッグすると拡大比率が変化します。ルーペのプロパティを調整するスライダーを画像の中に溶け込ませた感じ。

最初に説明は必要ですが、すぐに慣れて軽快に使えます。操作のための細かいボタン選択や視線移動が少ないのは嬉しいし、「ぐいっ」とした操作感はiPhoneにも通じます。

ただ、このサンプルだと操作するにはポインタを動かさなくてはならないため、ピンポイントでの継続的なズームアップは不可能なのがタマにキズ。ドラッグ中はカーソル動かさなくてもいいのに。

It's not only a sample of Ajax but also a remarkable UI. You can change the property of the zoom window by dragging your mouse. The UI feeling is similar to iPhone. But unfortunately, there is only one bad point about this sample. You can't zoom the image up continually at the fixed point, because the cursor must be moving. I'll make a suggestion that be stopping when dragging.

クラシックルーペ
クラシックルーペ
posted with amazlet on 07.08.02
コピター・ジャパン
売り上げランキング: 10631

 

Page up

Recent Entries
Monthly Archives ...