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. Babylon Grid
  2. Multi-Level Menu

    JavaScript

    流れるような遅延アニメーションが美しい階層化メニュー実装「Multi-Level Menu」

    Multi-Level Menuは流れるような遅延アニメーションが美し…

  3. jQuery Notebook
  4. iziToast

    JavaScript

    エレガントでレスポンシブに対応したトーストを実装できる「iziToast」

    iziToastは、エレガントでレスポンシブに対応した軽量のトーストを…

  5. jQuery.fontFlex
  6. iconate.js

    JavaScript

    アイコンをオシャレにアニメーションしながらtransformさせる「iconate.js」

    iconate.jsはアイコンをアニメーションさせながら別のアイコンへ…

最近の記事

  1. Soundcore Liberty Neo(第2世代)
  2. EH-NA0B
  3. KPS-88
  4. Happy Plugs AIR1
  5. cheero Stream 10000mAh

アーカイブ

PAGE TOP