jfMagnify

JavaScript

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

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

jfMagnify

デモ

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

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

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

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

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

jfMagnify

関連記事

  1. FlipClock.js

    JavaScript

    時計・タイマー・カウントダウンを実装できるjQueryプラグイン「FlipClock.js」

    FlipClock.jsというjQueryプラグインを使えば、時計・タ…

  2. jQuery Pit-scheduler v2.0
  3. SweetAlert
  4. FREVR

    JavaScript

    シンプルな無限スクロールを実装できるjQueryプラグイン「FREVR」

    FREVRはシンプルで軽量な無限スクロールの機能を実装することができる…

  5. jqTree

    JavaScript

    JSONデータからツリー構造を作成できるjQueryプラグイン「jqTree」

    jqTreeはJSONデータを元にHTMLでツリー構造を作成できるjQ…

最近の記事

  1. NIB2600
  2. Anker PowerPort Atom PD 4
  3. USB-2H401BKN
  4. Dyson Pure Cool Me

アーカイブ

PAGE TOP