no-image

JavaScript

軽量で操作性もいい画像ズーム機能を実装できる「Simple Image Zoomer jQuery Plugin」

Simple Image Zoomer jQuery Pluginは、軽量・シンプルで操作性もいい画像ズーム機能を実装できるjQueryプラグインです。拡大・縮小バーをスライドさせることでスムーズな画像ズームが可能です。タッチ対応でモバイルフレンドリーなところもうれしいですね。

タッチにも対応

デモ

デモでは画像の左下にズームバーが設置されていて、ここを左右にスライドさせることで画像を拡大・縮小できる仕組みになっています。拡大した画像はドラッグすることで好きな位置へ移動することが可能です。さらにタッチにも対応しているので、スマホやタブレットではタッチにより拡大中の画像の移動が可能です。

ズームはとてもスムーズに動作するのでとても操作しやすいですね。シンプルながらもカスタマイズ性も備えているので、優れた画像ズーム機能を実装したい人は有力な選択肢の一つになるのではないでしょうか?

オプションには、maxLimit、zoomingOriginという項目が用意されています。デフォルト値はmaxLimitが100、zoomingOriginが(0, 0)です。

Simple Image Zoomer jQuery Plugin

関連記事

  1. BIDEO.JS

    JavaScript

    背景動画をフルスクリーンで表示させるJSライブラリ「BIDEO.JS」

    BIDEO.JSは、webページの背景にフルスクリーンで動画を表示させ…

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

    JavaScript

    jQueryのfocusとblurを使えばフォームが便利になる

    jQueryのfocusとblurを使えばフォームを便利にすることがで…

  3. Scrolla

    JavaScript

    スクロール時にアニメーションするjQueryプラグイン「Scrolla」

    Scrollaは上下スクロールしたときにアニメーションするjQuery…

  4. JavaScript

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

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

  5. share-this

    JavaScript

    テキストを選択してシェアできるMediumライクな「share-this」

    share-thisはテキストを選択して手軽にTwitterやFace…

  6. Starfield

    JavaScript

    宇宙空間を移動するような背景アニメーションを実装できる「Starfield」

    Starfieldは宇宙空間を移動するような背景アニメーションを実装す…

最近の記事

  1. ブラジルイパネマ
  2. 梅しば
  3. BM-IBCDH13RD
  4. 雪
  5. ホットのドリップ

アーカイブ

PAGE TOP