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. no-image

    JavaScript

    サイドバーをフローティングできる「FloatSidebar.js」

    FloatSidebar.jsはサイドバーをフローティングできるVan…

  2. Simple button checks

    JavaScript

    カスタマイズ可能なチェックボックスを実装できる「Simple button checks」

    Simple button checksはカスタマイズ可能なチェックボ…

  3. Rebox

    JavaScript

    レスポンシブ対応の軽量なLightbox風jQueryプラグイン「Rebox」

    ReboxというjQueryプラグインを使えば、レスポンシブに対応した…

  4. JavaScript

    ウェーブ(波形)を簡単に描いてくれるjQueryプラグイン「Wave」

    WaveというjQueryプラグインを使ってみました。これを使えばウェ…

  5. RefineSlide

    JavaScript

    多数のエフェクトが素敵!レスポンシブ対応のjQueryスライダー「RefineSlide」

    多数のエフェクトがあってレスポンシブWebデザインにも対応しているスラ…

  6. no-image

    JavaScript

    水平スクロールができることを示唆してくれる「ScrollHint」

    ScrollHintは水平スクロールができることをポインタアイコンを使…

最近の記事

  1. 三菱ブレッドオーブン
  2. 浜離宮恩賜庭園

アーカイブ

PAGE TOP