jsで拡大鏡作ってみた

jsで作る拡大鏡、色々ライブラリがあってすごく便利。
そんな中、車輪の再開発をしてみた。

ブラウザ互換？IE対応? ガン無視だ！
そう思って開発すると案外簡単に出来ちゃってしまった。

■ jsdo.it
http://jsdo.it/akihiro_ob/x6GP
ただアカウント作っただけのjsdo.itを利用してみた。
本当はgithubが良かったのだけど、git環境つくり忘れてました。

使い方としては。
imgタグのid情報を渡すと、表示してる画像を拡大します。
表示にサムネイル、拡大に元画像とかって指定も可能。

デフォでは拡大鏡の幅(width): 320px, 縦(height):240, 倍率(scale):1倍
オブジェクトで好きな値を渡せば任意の大きさの拡大鏡になったり。

とりあえず作ってみただけなのでエラーハンドリングやらバグ潰しは甘い。
そんな感じの備忘録でした。