imgViewer2

JavaScript

画像のズームとパン機能を備えたjQueryプラグイン「imgViewer2」

imgViewer2は画像のズームとパン機能を備えたjQueryプラグインです。Googleマップのように、スクロールやボタンから画像の拡大・縮小ができたり、ドラッグしながら拡大した画像を移動できたりといったことが可能です。

imgViewer2

デモ

デモページに表示されている画像内にある「+」と「-」ボタンから、画像を拡大したり縮小したりできます。そのほか、Googleマップのように上下にスクロールすることでも拡大・縮小が可能です。

拡大された画像は、ドラッグすることで好きな位置に移動させることができます。サクサクと動作するのでとても使い勝手がいいですね。

またタッチにも対応しており、スマホからだとピンチアウトやピンチインを行うことで画像の拡大・縮小ができます。もちろん「+」「-」ボタンからの操作もOKです。タップしてドラッグすることで簡単にパンができるので、スマホでの操作性もバッチリですね。

オプションには、dragable、zoomable、zoomStep、zoomMax、onClick、onReadyといった項目が用意されています。

カスタマイズ性や拡張性にも優れているので、ハイクオリティな画像ズーム機能を実装したい人は、ぜひ「imgViewer2」を使われてみてはいかがでしょうか?

imgViewer2

Sticky Slider Navigation(Responsive)スクロールでナビゲーションバーが移動する「Sticky Slider Navigation(Responsive)」前のページ

画面上部に美しいプログレスバーを表示できる「topbar」次のページtopbar

関連記事

  1. jQueryプラグイン

    JavaScript

    jQueryプラグイン・2014年下半期70選まとめ

    今年も残すところ後わずかとなってしまいました。というわけで、2014年…

  2. JavaScript

    軽量(5KB)で機能も色々あるjQueryのスライダー「MobilySlider」を使ってみる

    軽量なんですが、色々と機能もあるいい感じのjQueryプラグイン「Mo…

  3. no-image

    JavaScript

    jQueryの代わりに使用できるマイクロJavaScriptライブラリ「Selector」

    Selectorは、jQueryの代わりに使用することができるマイクロ…

  4. Water Wave Effect jQuery
  5. notifier

    JavaScript

    Webサイトにシンプルな通知を表示させるjQueryプラグイン「notifier」

    notifierはWebサイトにシンプルな通知を表示させることができる…

最近の記事

  1. Aモーニングセット
  2. 白トリュフの塩パンやメロンパンなど
  3. 東京都現代美術館
  4. スーリア バターチキン
  5. そそそ 明太クリームそうめん

アーカイブ

PAGE TOP