jfMagnify

JavaScript

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

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

jfMagnify

デモ

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

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

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

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

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

jfMagnify

Jquery Toast Plugin高いカスタマイズ性を備えたトースト通知を実装できる「Jquery Toast Plugin」前のページ

iPhoneアプリの自動ダウンロードをオン・オフ(有効・無効)にする設定方法次のページiPhoneアプリの自動ダウンロード

関連記事

  1. Freewall

    JavaScript

    レスポンシブ対応のグリッドレイアウトを実装できるjQueryプラグイン「Freewall」

    FreewallというjQueryプラグインを使えばレスポンシブに対応…

  2. LoadGo

    JavaScript

    画像をプログレスバー(ローディング)にできるjQueryプラグイン「LoadGo」

    LoadGoはサイト内にあるロゴなどといった画像をプログレスバー(ロー…

  3. jQuery contextMenu plugin & polyfill
  4. Expandy Menu

    JavaScript

    マウスオーバーで広がるメニューパネル「Expandy Menu」

    Expandy Menuはマウスオーバーすると横に広がるメニューパネル…

  5. no-image

    JavaScript

    オシャレなスクロールエフェクトを実装できる「jQuery Smoove」

    jQuery Smooveは、オシャレなスクロールエフェクトを実装する…

  6. stackgrid.adem.js

    JavaScript

    コンテンツをグリッド状にスタッキングできる「stackgrid.adem.js」

    stackgrid.adem.jsはコンテンツをグリッド状にスタッキン…

最近の記事

  1. 10種の野菜と5種のビーンズ サラダラップとドリップコーヒー
  2. EOS RP
  3. COMOLI シルクネルジャケット シルクネルドローストリングパンツ
  4. スターバックス ハシエンダ アルサシア

アーカイブ

PAGE TOP