jQuery Magnify

JavaScript

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

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

jQuery Magnify

デモ

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

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

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

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

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

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

jQuery Magnify

関連記事

  1. jQuery Timespace

    JavaScript

    四方にドラッグ移動できる水平タイムライン実装「jQuery Timespace」

    jQuery Timespaceは上下左右と四方にドラッグ移動できる水…

  2. Granim.js

    JavaScript

    流れるように変化するグラデーションのアニメーションを実装できる「Granim.js」

    Granim.jsは美しく変化するグラデーションのアニメーションを実装…

  3. no-image

    JavaScript

    テキストリンクをタイピングアニメーションで表示するjQueryプラグイン「jTyper」

    jTyperはテキストリンクをタイピングアニメーションで表示できるjQ…

  4. jquery-confirm

    JavaScript

    アラートやダイアログなどさまざまな機能を実装できる「jquery-confirm」

    jquery-confirmはアラートやconfirm、ダイアログなど…

  5. Slinky.js

    JavaScript

    上下にスクロールでコンテンツが開閉するjQueryプラグイン「Slinky.js」

    なかなか面白かったのでご紹介します。上下にスクロールするとコンテンツが…

  6. reveal-it.js

    JavaScript

    左から右へテキストが美しくフェードイン表示する「reveal-it.js」

    reveal-it.jsはテキストが左から右へかけて徐々にフェードイン…

最近の記事

  1. Dyson Pure Cool Me
  2. ルック セレクション
  3. シルキーウインドモバイル
  4. アリエール パワージェルボール3D

アーカイブ

PAGE TOP