jfMagnify

JavaScript

プラス・マイナスボタンつき!コンテンツの細部をチェックできる拡大鏡を実装する「jfMagnify」

jfMagnifyはHTMLコンテンツの細部を拡大して表示させる拡大鏡を実装することができるjQueryプラグインです。画像などの細部をチェックしたいときに便利ですね。拡大鏡にはプラス(+)とマイナス(-)ボタンがついており、倍率を変更することが可能です。「もっとズームしたい!」「もうちょっと引いて見たい!」というときに役立つ機能です。

jfMagnify

デモ

デモでは1枚の画像の上に虫眼鏡のような拡大鏡が設置されています。拡大鏡はドラッグして好きな位置へ移動させることができます。

特定の部分を拡大させてじっくりチェックしたいときに便利ですね。

また、拡大鏡にくっついている+・-ボタンをクリックすると拡大率を調整することができます。自分の見やすい大きさに設定できるので、ユーザーにとってはありがたい機能になるのではないでしょうか。

ちなみにデモの画像の上にはテキストリンクも設置されていますが、このテキストリンクも拡大して見ることができます。

画像のみならずテキストなども拡大できるので、いろんなケースに応用できそうですね。

jfMagnify

関連記事

  1. Rain & Water Effect Experiments
  2. NavSync

    JavaScript

    ナビゲーションとコンテンツが連動するjQueryプラグイン「NavSync」

    NavSyncはナビゲーションとコンテンツが連動してアニメーションする…

  3. Dropit

    JavaScript

    シンプルでフレキシブルなドロップダウンメニュー「Dropit」

    Dropitはシンプルでフレキシブルなドロップダウンメニューを実装でき…

  4. megamenu.js

    JavaScript

    レスポンシブでスマートなメガメニューを実装できる「megamenu.js」

    megamenu.jsはjQueryを使ったレスポンシブでスマートなメ…

  5. Slideout.js

    JavaScript

    軽量でタッチスライド対応のサイドメニュー・Slideout.js

    Slideout.jsは軽量でスマフォでのタッチスライドに対応したサイ…

  6. Data Img

    JavaScript

    ブラウザ幅に応じて画像を切り替えれるレスポンシブ対応のjQueryプラグイン「Data Img」

    Data Imgはブラウザ幅に応じて最適なサイズの画像を切り替えて表示…

最近の記事

  1. 田沢湖
  2. ハクバ シリコンクロス
  3. トライポッドスリーブ
  4. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ

Instagram始めました

Facebookページ

PAGE TOP