JavaScript

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

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

[ads_center]

smartJQueryZoomの使い方

smartJQueryZoom

smartJQueryZoom

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

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

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

Block SlidejQueryプラグインで印象的なエフェクトで魅せるモーダルウィンドウ「Block Slide」前のページ

Nexus7で英和辞書を簡単に呼び出して翻訳できるようにする環境構築次のページ

関連記事

  1. JavaScript

    レスポンシブにも対応している人気のjQueryプラグインのスライダー「Nivo Slider」の使い…

    レスポンシブにも対応している人気のjQueryプラグイン「Nivo S…

  2. Jquery Toast Plugin

    JavaScript

    高いカスタマイズ性を備えたトースト通知を実装できる「Jquery Toast Plugin」

    Jquery Toast Pluginは高いカスタマイズ性を備えたアニ…

  3. Scroll Indicator

    JavaScript

    シンプルなスクロールインジケーターを実装できる「Scroll Indicator」

    Scroll Indicatorは、スクロールによるアニメーションでコ…

  4. LoadGo

    JavaScript

    画像をプログレスバー(ローディング)にできるjQueryプラグイン「LoadGo」

    LoadGoはサイト内にあるロゴなどといった画像をプログレスバー(ロー…

  5. no-image

    JavaScript

    多彩なエフェクトを備えたjQueryスライダープラグイン「camera-slider」

    camera-sliderは多彩なエフェクトを備えた美しいスライドショ…

コメント

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

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

最近の記事

  1. VS-543AS
  2. タリーズ 本日のコーヒー
  3. MRW-G1
  4. 桜と太陽

アーカイブ

PAGE TOP