画像をズームするjQueryプラグイン
2008.11.20 木曜日
会社で「こんなの出来るー？」と聞かれて、
面白そうなので試しに作ってみた。
jqurey.zoomImg example01
$("#zoom01").zoomImg();
デフォルト
マウスオーバーした場所を拡大表示。
jqurey.zoomImg example02
$("#zoom02").zoomImg("zoomWindow");
引数に表示したいエレメントのIDをつけると、その中で表示。
一応各ブラウザで動作は確認できたけど、試作状態なのでまだ粗はありそう。
あとは、折を見て機能足してみるかな、ドラッグ対応とか。
あと、一個謎が…。
家のWinXPのIE7で動かしてみたら、なんだか凄く動きがカクカクだったので、色々試してたんだけど、
一度、動作数のカウント取ってみようと思って、適当な場所に数値を入れてmousemove()で動く度にカウントアップするようにしてみたら、急にスムーズに動き出した…。
何かしら画面描画すればOKっぽい…？
う～ん、会社のIE7では平気だったような…。
なので、mousemove()で呼ばれるメソッドの中に
$(”#ZI_view”).html(” ”);
という一行を入れてひとまず回避。
なんかちょっと気持ち悪い気がするなぁ…。