jQuery Magnify

JavaScript

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

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

jQuery Magnify

デモ

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

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

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

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

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

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

jQuery Magnify

関連記事

  1. JavaScript

    jQueryプラグイン・2014年上半期56選まとめ

    気づいたら2014年も上半期が終わってしまいましたね。そんなわけで、2…

  2. Tabby

    JavaScript

    軽量でシンプルなタブメニューを実装できるjQueryプラグイン「Tabby」

    とても軽量でシンプルなタブメニューを実装できるjQueryプラグイン「…

  3. jQuery Star Flashing Effect
  4. Water Wave Effect jQuery
  5. Amigo Sorter Plugin

    JavaScript

    タッチ対応で直感的に並べ替えできるjQueryプラグイン「Amigo Sorter Plugin」

    Amigo Sorter Pluginは、タッチ対応で直感的にリスト項…

  6. jQuery Social Share Bar

最近の記事

  1. macOS Mojaveのダークモード
  2. Olli
  3. 単語帳メーカー(Flashcard Maker App)
  4. 1Password 7

Facebookページ

PAGE TOP