no-image

JavaScript

いろんなズーム機能を実装できるjQueryプラグイン「xZoom」

xZoomはいろんなズーム機能を実装することができるカスタマイズ性に優れたjQueryプラグインです。圧縮版で14KB以下と軽量なところもいいですね。多彩な機能を備えたjQueryズームギャラリーを実装したい人は要チェックです。

xZoom

xZoom

デモページにはいろいろなタイプのズーム機能が用意されています。デフォルトオプションをはじめ、Output window、Lens options、With Fancy Box、With Magnific Pop-upといったデモがあります。

画像にマウスオーバーすると、外側にズームされた部分が表示されるタイプやその場でズームするタイプなど、オプションにより好みに合わせたズーム機能を実装できるのがいいですね。

ファイル容量も軽量なのでサクサク動作します。さらに、レスポンシブもサポートされているので、パソコンだけではなくスマホやタブレットからの閲覧も快適です。

多彩なオプションやエフェクトによる、カスタマイズ性に優れたズーム機能を実装したい人は、ぜひ「xZoom」をチェックしてみてください。

サポート済みのブラウザは、IE6+、Chrome、FireFox、Opera、Safari、Android、iOSとのこと。ライセンスはApache License 2.0です。

関連記事

  1. plainModal

    JavaScript

    カスタマイズ性が高いシンプルなモーダルウィンドウのjQueryプラグイン「plainModal」

    plainModalはシンプルでカスタマイズ性が高いモーダルウィンドウ…

  2. MoveTo

    JavaScript

    軽量なスムーススクロールを実装できるJSライブラリ「MoveTo」

    MoveToは軽量(圧縮版で1KBほど)なスムーススクロールを実装する…

  3. Reshader

    JavaScript

    カラーの濃淡を得ることができるJavaScriptライブラリ「Reshader」

    Reshaderは、カラーの濃淡を得ることができる便利なJavaScr…

  4. Multi-Level Menu

    JavaScript

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

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

  5. chalk-animation

    JavaScript

    カラフルなアニメーションを実装できる「chalk-animation」

    chalk-animationはカラフルなアニメーションによるテキスト…

  6. FakeLoader.js

    JavaScript

    フルスクリーンでカッコいいローディングアニメーション・FakeLoader.js

    FakeLoader.jsはフルスクリーンでカッコいいローディングアニ…

最近の記事

  1. macOS Mojaveのダークモード
  2. Olli
  3. 単語帳メーカー(Flashcard Maker App)
  4. 1Password 7

Facebookページ

PAGE TOP