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. JavaScript

    シンプル・軽量・簡単なLightBox系モーダルウィンドウのjQueryプラグイン「portBox」…

    portBoxというjQueryプラグインを使えばシンプルで軽量なLi…

  2. Warp drive jQuery plugin
  3. Slinky.js

    JavaScript

    上下にスクロールでコンテンツが開閉するjQueryプラグイン「Slinky.js」

    なかなか面白かったのでご紹介します。上下にスクロールするとコンテンツが…

  4. JQuery Clock

    JavaScript

    シンプルなアナログ時計を実装できる「JQuery Clock」

    JQuery Clockはシンプルなアナログ時計を実装できます。画像を…

  5. no-image

    JavaScript

    レスポンシブ対応の軽量・コンパクトでシンプルなモーダルボックス「Modelo」

    Modeloは軽量・コンパクトなモーダルボックスを実装できるjQuer…

最近の記事

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

アーカイブ

PAGE TOP