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です。

Letter Effects and Interaction Ideasおもしろいレターエフェクトを実装できる「Letter Effects and Interaction Ideas」前のページ

美しくてシンプルに使えるデートピッカー実装「PIGNOSE Calendar」次のページPIGNOSE Calendar

関連記事

  1. EasyZoom

    JavaScript

    タッチ対応で画像拡大やパンもできるjQueryプラグイン「EasyZoom」

    EasyZoomはタッチにも対応したモバイルフレンドリーな、画像拡大や…

  2. Zooming

    JavaScript

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

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

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

    JavaScript

    jQueryの超基本的なアニメーションを試してみる

    jQueryの基本的なアニメーションを試してみました。やっぱりアニメー…

  4. gliojs

    JavaScript

    viewportから離れた時にイベントをトリガーしてくれる「gliojs」

    gliojsは、ページを閲覧している時にマウスがviewport(表示…

  5. formBuilder

    JavaScript

    ドラッグ&ドロップでフォームを手軽につくれる「formBuilder」

    formBuilderはドラッグ&ドロップでフォームを手軽につくること…

  6. no-image

    JavaScript

    レスポンシブ対応のシンプルなLightboxプラグイン

    レスポンシブに対応したシンプルなLightboxプラグインを紹介します…

最近の記事

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

アーカイブ

PAGE TOP