jQuery Magnify

JavaScript

シンプルで軽量なズーム機能を実装できる「jQuery Magnify」

jQuery Magnifyはシンプルで軽量なズーム機能を実装することができるjQueryプラグインです。虫メガネのようなレンズを移動することで、好きなポイントを拡大して見ることができます。

jQuery Magnify

デモ

アイテムにマウスオーバーするとカーソルが虫メガネのレンズのように切り替わり、これを動かしながら好きなところをズームして見ることができます。

オンラインショップの商品ページなどで、ユーザーに商品の細部までじっくり見せたいときなんかに活用できそうですね。わざわざ拡大した写真を別ページに移動させて見せる、などということをしなくて済むので、とても効率的だと思います。

操作もシンプルで使いやすく、また、ファイル容量も軽量なところがグッドです。

オプションには、speed、src、timeout、onloadといった項目が用意されています。

使い方もシンプルでサクッと実装できるのではないでしょうか?

というわけで、シンプルで軽量なズーム機能を実装したいという人は、ぜひjQuery Magnifyをチェックしてみてください。

jQuery Magnify

関連記事

  1. jQuery.appear

    JavaScript

    ビューポート外のコンテンツ表示を防止できる「jQuery.appear」

    jQuery.appearは、元々は非表示となっているものや、ビューポ…

  2. jQueryTween

    JavaScript

    軽量で軽快なアニメーションをするjQueryプラグイン「jQueryTween」

    jQueryTweenは軽量で軽快なアニメーションを実装することができ…

  3. Siema

    JavaScript

    軽量でシンプルで依存性のないカルーセルを実装できる「Siema」

    Siemaは軽量でシンプル、そしてjQueryなどの依存性のないカルー…

  4. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryで要素を挿入できるメソッドがたくさんあるので整理してみた

    jQueryでHTML要素を追加するメソッドが色々あるので整理するため…

  5. JavaScript

    虫メガネのようにマウスを置いた所を拡大することができるjQueryプラグイン「mlens」

    虫メガネのようにマウスを置いた所を拡大することができるjQueryプラ…

  6. no-image

最近の記事

  1. フレンチトーストや自家製ソーセージ
  2. ハレイワ スムージー
  3. クローバーで淹れたコーヒー
  4. 雪が降る日本海

アーカイブ

PAGE TOP