jQuery Magnify

JavaScript

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

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

jQuery Magnify

デモ

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

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

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

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

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

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

jQuery Magnify

関連記事

  1. JavaScript

    中心から外側に広がっていくエフェクトのjQueryプラグイン「jQuery.twinkle」

    jQuery.twinkleというjQueryプラグインを使えば、中心…

  2. Timeliny

    JavaScript

    レスポンシブ対応の年ベースによるjQueryタイムライン「Timeliny」

    Timelinyはレスポンシブに対応した年ベースによるタイムラインを実…

  3. Jqx-Media-Slider
  4. scrollama.js

    JavaScript

    スクロールイベントを実装できるモダンで軽量なJSライブラリ「scrollama.js」

    scrollama.jsは、スクロールイベントを実装することができるモ…

  5. nanogallery2

    JavaScript

    美しくてハイクオリティなイメージギャラリーを実装できる「nanogallery2」

    nanogallery2はパーソナルニーズにピッタリなイメージギャラリ…

  6. textfit.js

    JavaScript

    コンテナにテキストをフィットさせれるjQueryプラグイン「textfit.js」

    textfit.jsは、コンテナ内に表示するテキストをフィットさせるこ…

最近の記事

  1. ジェットストリームの三色ボールペン(+シャーペン付き)と黒の替芯
  2. ブラジルイパネマ
  3. 梅しば
  4. BM-IBCDH13RD

アーカイブ

PAGE TOP