bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScriptCSSを使用した画像ズームを実装できるjQueryプラグイン「Light-Zoom」JavaScript2018.04.16CSSを使用した画像ズームを実装できるjQueryプラグイン「Light-Zoom」Light-Zoomは純粋なCSSを使用した画像ズーム(拡大)機能を実装できるjQueryプラグインです。虫眼鏡のようなシンプルなルーペで、マウスを動かしながら拡大したいポイントを手軽に見ることができます。Light-Zoom以下のページからLight-Zoomの実際のデモ動作をチェックできます。デモデモでは画像にマウスオーバーすると虫眼鏡のようになり画像の細部を拡大表示してくれます。マウスを動かしながら好きな部分を拡大して見ることができるので、とても便利ですね。細かい文字を大きく見せたり商品やプロダクトの細部をチェックさせたりと、応用次第でさまざまなシーンに活用できるのではないでしょうか?オプションには、zoomPower、glassSizeといった項目が用意されています。デフォルト値はzoomPowerが3、glassSizeが180になります。いうわけで、CSSを活用した画像ズーム機能を実装できるjQueryプラグイン「Light-Zoom」の紹介でした。Light-Zoomの具体的な使い方やダウンロードに関しては、以下のページからどうぞ。Modalはシンプルでレスポンシブに対応したモーダルボッ...JavaScriptマウスオーバーでメニュー以外の全体にオーバーレイがかかるクールなナビゲーションメニュー「Overla...とてもかっこいいナビゲーションメニューを実装できるjQueryプラグイ...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.20いつもの音楽をハイレゾ級で。ソニーの完全ワイヤレス...ソニーからハイレゾ級高音質と優れた接続性を備えた小型・軽量の完全ワイヤレスイヤホ...2020.02.19三色ボールペンの青と緑を「黒」に変えるいつも仕事で使っているジェットストリームの三色ボールペン(+シャーペン付き)。こ...2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。