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

    JavaScriptの基本構文を忘れた!って時にサクっと見たい10項目

    最近はよくjQueryプラグインを使ったりすることが多くなってきたので…

  2. Reshader

    JavaScript

    カラーの濃淡を得ることができるJavaScriptライブラリ「Reshader」

    Reshaderは、カラーの濃淡を得ることができる便利なJavaScr…

  3. notifit

    JavaScript

    多彩なカスタマイズができるシンプルなjQuery通知プラグイン「notifit」

    notifitは多彩なカスタマイズが可能なシンプルな通知機能を実装でき…

  4. no-image
  5. no-image

    JavaScript

    レスポンシブ対応の超軽量なjQueryイメージスライダー「tinyslide」

    tinyslideはレスポンシブに対応した超軽量なイメージスライダーを…

  6. rpage

    JavaScript

    Bootstrapを使ったレスポンシブなページネーション「rpage」

    rpageはBootstrapを使ったレスポンシブに対応したページネー…

最近の記事

  1. YAECA ワイドテーパードデニム 10-13WW
  2. ADR-3ML39シリーズ
  3. キュレル モイスチャーバーム
  4. FUJIFILM X-Pro3
  5. iPhone 11 ProとApple Watch Hermès

アーカイブ

PAGE TOP