JavaScript

jQueryプラグインでタッチ&マウスイベントにも対応している画像ズーム「smartJQueryZoom」

smartJQueryZoomというjQueryプラグインを使えばタッチとマウスイベントにも対応した画像ズームを実装することができます。ズームした画像は、マウスでドラッグしながら細部まで見ることができます。スマホの場合はタッチで動かすことができるのでとても便利ですね。iPhoneで確認してみたところちゃんと動作しました。

[ads_center]

smartJQueryZoomの使い方

smartJQueryZoom

smartJQueryZoom

ズームできる+と-ボタンの他、拡大時に上下左右の移動ができるボタンもあります。

$(document).ready(function() {
    $("#elementToZoomOn").smartZoom();
});

画像を細部までじっくり見たい時に役立ちますね。

関連記事

  1. universal-tilt.js

    JavaScript

    パララックスなど多彩なチルト効果を実装できる「universal-tilt.js」

    universal-tilt.jsはパララックスやスケールなど多彩なチ…

  2. jquery.matchHeight.js
  3. Letter Drop

    JavaScript

    雨のように文字が落ちてくるアニメーションのjQueryプラグイン「Letter Drop」

    Letter DropというjQueryプラグインを使えば、雨のように…

  4. Gradientify

    JavaScript

    シンプルなCSSグラデーション変化を実装できる「Gradientify」

    GradientifyはシンプルなCSSグラデーション変化を実装するこ…

  5. Inspiration for Menu Hover Effects
  6. Progressively

    JavaScript

    画像を徐々に読み込んでくれるJSライブラリ「Progressively」

    Progressivelyは画像を徐々に読み込ませることができるJSラ…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. TAP-F27-2KP
  2. M32ミニ
  3. CITTA TT5.0
  4. Kindle Oasis

アーカイブ

PAGE TOP