spzoom

JavaScript

シンプルで使いやすい画像ズームを実装できるjQueryプラグイン「spzoom」

spzoomはシンプルな操作性で使いやすい画像ズーム機能を実装できるjQueryプラグインです。画像にホバーするだけで拡大部分が表示されるので、画像の細部を手軽にじっくり見たい人には便利ですね。

spzoom

デモ

デモでは2枚のコインが並べられている画像が表示されています。ここにホバーすると右側に拡大された部分の画像が表示されます。マウスを動かすことで好きな部分を拡大して見ることができるので、とても使い勝手がいいですね。

マークアップや使い方もかなりシンプルで簡単に実装できます。

また、spzoomにはオプションもいくつか用意されています。width、height、position、margin、titlePosition、showTitleです。各項目のデフォルト値は、widthが250、heightが250、positionが’right’、marginが20、titlePositionが’bottom’、showTitleがtrueになります。

シンプルながらもカスタマイズもできちゃう使いやすい画像ズームプラグインを探している人は、ぜひ「spzoom」を活用されてみてはいかがでしょうか?

spzoomのダウンロードは以下のページからどうぞ。

spzoom

jquery-time-slider時間と日付を選択できる「jquery-time-slider」前のページ

Lightbox風のYouTubeフルスクリーンビデオを作れるjQueryプラグイン「YU2FLV」次のページno-image

関連記事

  1. Jquery Toast Plugin

    JavaScript

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

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

  2. Frappe Charts

    JavaScript

    シンプルでモダンなSVGチャートを実装できる「Frappe Charts」

    Frappe Chartsは、シンプルでモダンなSVGチャート(グラフ…

  3. gridslide.js

    JavaScript

    いろんな方向に画像をスライドできるjQueryイメージスライダー「gridslide.js」

    gridslide.jsはいろんな方向に画像をスライドさせることができ…

  4. jQuery.mousetip

    JavaScript

    マウスの動きや位置に追従してくるツールチップを実装できる「jQuery.mousetip」

    jQuery.mousetipはマウスの動きや位置に追従してくる軽量の…

  5. Cavendish.js

    JavaScript

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

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

  6. Granim.js

    JavaScript

    流れるように変化するグラデーションのアニメーションを実装できる「Granim.js」

    Granim.jsは美しく変化するグラデーションのアニメーションを実装…

最近の記事

  1. 甘柿
  2. 冬用のふとん
  3. 田沢湖
PAGE TOP