Light-Zoomは純粋なCSSを使用した画像ズーム（拡大）機能を実装できるjQueryプラグインです。虫眼鏡のようなシンプルなルーペで、マウスを動かしながら拡大したいポイントを手軽に見ることができます。
Light-Zoom
以下のページからLight-Zoomの実際のデモ動作をチェックできます。
デモでは画像にマウスオーバーすると虫眼鏡のようになり画像の細部を拡大表示してくれます。マウスを動かしながら好きな部分を拡大して見ることができるので、とても便利ですね。
細かい文字を大きく見せたり商品やプロダクトの細部をチェックさせたりと、応用次第でさまざまなシーンに活用できるのではないでしょうか？
オプションには、zoomPower、glassSizeといった項目が用意されています。デフォルト値はzoomPowerが3、glassSizeが180になります。
というわけで、CSSを活用した画像ズーム機能を実装できるjQueryプラグイン「Light-Zoom」の紹介でした。Light-Zoomの具体的な使い方やダウンロードに関しては、以下のページからどうぞ。
