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. FitText

    JavaScript

    テキストサイズをブラウザ幅の大きさに自動で合わせてくれるjQueryプラグイン「FitText」

    可変するブラウザ幅にテキストサイズを自動で合わせてくれるjQueryプ…

  2. JavaScript

    リスト化した要素を自分が指定した数に分割できるjQueryプラグイン「Easy List Split…

    リスト化した要素を自分が指定した数に分割できるシンプルだけど便利なjQ…

  3. no-image
  4. JavaScript

    レンガ風に要素を綺麗に並べてグリッドレイアウトが作れる「The Wookmark jQuery pl…

    Pinterestのように高さの異なる要素をレンガ風に綺麗に並べて、簡…

  5. ScrollBooster

    JavaScript

    ドラッグしながらスクロールするライブラリ「ScrollBooster」

    ScrollBoosterはドラッグしながらスクロールする機能を実装で…

  6. jsPanel3

    JavaScript

    多機能なフローティングパネルを実装できるjQueryプラグイン「jsPanel3」

    jsPanel3は、高度で多機能なフローティングパネル(ウィンドウ)を…

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP