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. evol-colorpicker

    JavaScript

    マイクロソフト オフィス2010のようなカラーピッカー「evol-colorpicker」

    evol-colorpickerは、マイクロソフト オフィス2010の…

  2. no-image

    JavaScript

    タッチ対応のドロワーコンポーネント「hy-drawer」

    hy-drawerはタッチに対応したドロワーコンポーネントです。And…

  3. jquery-backToTop

    JavaScript

    カスタマイズ性に優れたトップへ戻るボタンを実装できる「jquery-backToTop」

    jquery-backToTopはカスタマイズ性に優れた「トップへ戻る…

  4. JavaScript

    jQueryで好きな要素を浮遊させることができるプラグイン「jqFloat」を使ってみた

    指定した要素をフワフワと浮遊させることができる面白いプラグインを使って…

  5. JavaScript

    2つの異なるスクロール動作が印象的なjQueryプラグイン「multiscroll.js」

    multiscroll.jsというおもしろいjQueryプラグインがあ…

  6. tingle.js

    JavaScript

    シンプルで手軽に実装できるモーダルウィンドウ「tingle.js」

    tingle.jsは、シンプルなモーダルウィンドウを実装できるスクリプ…

最近の記事

  1. SRS-XB43
  2. Nu:kin
  3. フィールグッドシャワー

アーカイブ

PAGE TOP