JavaScript

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

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

[ads_center]

smartJQueryZoomの使い方

smartJQueryZoom

smartJQueryZoom

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

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

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

関連記事

  1. Cavendish.js

    JavaScript

    CSS transitionsを活用したシンプルなスライドショーを実装できるjQueryプラグイン「…

    CSS transitionsを活用したシンプルなスライドショーを実装…

  2. jQuery Smart Placeholder
  3. Tikslus Carousel
  4. JavaScript

    レスポンシブやスワイプ対応で完成度の高いスライダーのjQueryプラグイン「Slider Pro」

    Slider Proはレスポンシブやタッチ・スワイプに対応したスライダ…

  5. BookBlock Revised
  6. Tiny Colorpicker

コメント

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

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

最近の記事

  1. s9+
  2. SRS-LSR200
  3. QC30
  4. リンツ リンドール

アーカイブ

PAGE TOP