jQuery Magnify

JavaScript

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

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

jQuery Magnify

デモ

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

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

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

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

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

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

jQuery Magnify

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

レスポンシブでフリップによる価格表示の切り替えができる「Responsive Flip Pricing Table」次のページresponsive-flip-pricing-table

関連記事

  1. no-image
  2. basicScroll

    JavaScript

    モバイル・デスクトップに対応したパララックススクロール実装「basicScroll」

    basicScrollはモバイル・デスクトップに対応したスタンドアロー…

  3. no-image

    JavaScript

    背景にスクロールエフェクトを実装する「Physics-Based Background Scroll…

    背景に美しいスクロールエフェクトを実装する「Physics-Based…

  4. jQuery toTop()

    JavaScript

    シンプル・軽量でカスタマイズもできる滑らかなスクロール「jQuery toTop()」

    jQuery toTop()はトップへ行くための滑らかなスクロールを実…

  5. Zooming

    JavaScript

    クールな画像ズーム機能を実装できる「Zooming」

    Zoomingはクールでかっこいい画像ズーム機能を実装することができる…

  6. Kerning.js

    JavaScript

    文字間のカーニングや一部の色を変えたりできるjQueryプラグイン「Kerning.js」

    文字間のカーニングや一部の文字の色を変えたりできるjQueryプラグイ…

最近の記事

  1. 広尾 スタバ
  2. 芳醇な香りのラムレーズンサンド
  3. Aモーニングセット
  4. 白トリュフの塩パンやメロンパンなど
  5. 東京都現代美術館

アーカイブ

PAGE TOP