k-yamadaのブログ

プログラミングのメモ

画像を拡大するブックマークレット

jquery.loupe.jsを使って、html中の画像を拡大するブックマークレットを作りました。
以下の「loupe」リンクをクリックしてすると、画像にloupe.jsが適用され、マウスカーソルを合わせた部分が拡大して表示されます。


loupe



また、「loupe」ブックマークレットすると、任意のページでloupe.jsを適用することが出来ます。
ブックマークレットの登録方法はブラウザによって異なります。
chromeを使っている場合は、「loupe」リンクをブックマークバーにドラッグすれば、ブックマークレットになります。

※2回以上「loupe」リンクをクリックすると、バグリます。

ソースコード
外部jsを読み込む部分は、holidays-lさんのライブラリ(http://d.hatena.ne.jp/holidays-l/20070923/p1)を使用させて頂きました。