画像のマウスポインタ上をズームしてくれる「jqzoom」
2007年12月25日-
スポンサード リンク
jqzoom |
次のように、マウスポインタ上の画像を右部分でズームしてます。

小さい画像と大きな画像を指定するので、拡大しても解像度が悪いということはありません。
jQuery ベースで、(1)ライブラリ読み込み (2) img タグ定義 (3) スクリプト初期化 というステップで実装も簡単。
サイトの仕掛けとして覚えておいた方がよさそうなライブラリですね。
allows you to realize a small magnifier window close to the image or images on your web page easily.画像のマウスポインタ上をズームしてくれる「jqzoom」。
次のように、マウスポインタ上の画像を右部分でズームしてます。

小さい画像と大きな画像を指定するので、拡大しても解像度が悪いということはありません。
jQuery ベースで、(1)ライブラリ読み込み (2) img タグ定義 (3) スクリプト初期化 というステップで実装も簡単。
サイトの仕掛けとして覚えておいた方がよさそうなライブラリですね。
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 和柄背景画像フリー素材
- SVGのローディングアイコン「svg-spinners」
- グリッドにおしゃれなエフェクトをつけるサンプル
- 属性に値を設定するだけでパララックスアニメーションさせられる「Scroll Btween」
- スクロールで要素が迫ってくるようなエフェクトを作る「PushIn.js」
- 総数3.2万個のアイコンライブラリまとめサイト「Iconer」
- 2000個近いフリーのピクトグラムアイコン「tabler-icons」
- ページスクロールで背景ムービーが動くページが作れる「ScrollMovie」
- テキストがシャッフルされてかっこいいMENU実装
- 手書き風ピクトグラムアイコン400種「Doodle Icons」
- 過去のエントリ