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

関連記事

  1. Modaal

    JavaScript

    アクセシビリティに優れたモーダルウィンドウを実装できる「Modaal」

    ModaalはWCAG 2.0のレベルAAをサポートしているアクセシビ…

  2. LoadGo

    JavaScript

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

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

  3. JavaScript

    レスポンシブなテキストを実装できるjQueryプラグイン「Responsive Text」

    Responsive TextというjQueryプラグインを使えば、と…

  4. Simple HTML Menu

    JavaScript

    モバイルにもピッタリなレスポンシブ対応のメニュー実装「Simple HTML Menu」

    Simple HTML Menuは、モバイルにもピッタリなレスポンシブ…

  5. Timeline

    JavaScript

    水平・垂直に対応したVanilla JSによるタイムライン実装「Timeline」

    Timelineは水平・垂直に対応したVanilla JSを使ったタイ…

  6. Expandy Menu

    JavaScript

    マウスオーバーで広がるメニューパネル「Expandy Menu」

    Expandy Menuはマウスオーバーすると横に広がるメニューパネル…

最近の記事

  1. リンツ リンドール
  2. ジェットストリームの三色ボールペン(+シャーペン付き)と黒の替芯
  3. ブラジルイパネマ

アーカイブ

PAGE TOP