bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScriptレンズで拡大するように画像の細部をマウスオーバーでズームできる「okzoom」JavaScript2015.01.26レンズで拡大するように画像の細部をマウスオーバーでズームできる「okzoom」okzoomは画像細部をマウスオーバーでズームすることができるjQueryプラグインです。レンズで拡大表示するような効果を演出することができます。オプションを用いることで拡大部分を円形やスクエアにすることが可能です。okzoomの使い方okzoomのデモを確認したい方は以下からどうぞ。デモ使い方は、こんな感じでセレクタに拡大したいimgを指定してオプションを設定するだけです。jQuery本体やプラグインファイルは予め読み込んでおく必要があります。black"});ルーペの横幅や高さを調節したり、背景、シャドウ、ボーダーなんかも設定することができます。roundをtrueにすることでルーペが円形で表示されます。スクエアにしたい場合はfalseを指定します。オリジナルサイズの画像を1枚で表示するにはスペースが足りなすぎる、といった時に活用できますね。コンパクトなサイズ画像を用意して、細部をチェックしたい場合はマウスオーバーで拡大させるようにすれば、限られた場所でも設置することができそうです。いうわけで、画像の細かい部分をちょっとおもしろいエフェクトで見せることができるokzoomのご紹介でした。おもしろかったのでメモしときます。可変するブラウザ幅にテキストサイズを自動で合わせてくれるjQueryプ...JavaScriptフォーム内にあるplaceholderの利便性を高めてくれるjQueryプラグイン「FlowupLa...フォームを入力する際にあると便利なのがplaceholderです。...JavaScriptテキストリンクをタイピングアニメーションで表示するjQueryプラグイン「jTyper」jTyperはテキストリンクをタイピングアニメーションで表示できるjQ...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.20いつもの音楽をハイレゾ級で。ソニーの完全ワイヤレス...ソニーからハイレゾ級高音質と優れた接続性を備えた小型・軽量の完全ワイヤレスイヤホ...2020.02.19三色ボールペンの青と緑を「黒」に変えるいつも仕事で使っているジェットストリームの三色ボールペン(+シャーペン付き)。こ...2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。