EZ Plus

JavaScript

タッチにも対応した画像ズーム機能を実装できるjQueryプラグイン「EZ Plus」

EZ Plusはタッチにも対応した画像ズーム機能を実装することができるjQueryプラグインです。画像にマウスオーバーやタッチをすることで、好きな部分を拡大して見ることができます。大きい画像を予め表示させておく必要がないので、スペースの有効活用にもなりますね。画像を細部まで手軽にチェックしたい閲覧者にとっては嬉しい機能になるはずです。

EZ Plus

デモ

設置されている画像にマウスオーバーすると、その右側に拡大された部分が表示されます。マウスを動かすことで、好きな部分の拡大画像をチェックすることが可能です。マウスの動きとしっかり連動してくれるので、ストレスなく詳細な部分を見ることができますね。

タッチ対応ということで、パソコンだけでなくスマホからでも操作できるのが嬉しいポイントの1つです。

また、EZ Plusはカスタマイズ性にも優れています。先ほどのベーシックなズーム機能だけではなく、マウスオーバーしたその領域内に拡大画像を表示させるインナーズームや虫眼鏡のようなレンズで見ることができるレンズズーム、フェードインやフェードアウトで拡大画像の表示・非表示を行えるセッティングなど、他にもさまざまなカスタマイズを施すことが可能です。

EZ Plus

no-imageシンプルで美しいレスポンシブ対応のパララックス実装「JQuery Background Image Scroll」前のページ

背景にSVGによるライン(線)をランダムで生成する「ckLine.js」次のページno-image

関連記事

  1. JavaScript

    画面全体に背景を表示させフェードやスライドもできるjQuery「bgStretcher」

    ブラウザの画面全体に背景を表示させることができるjQueryプラグイン…

  2. Letter Drop

    JavaScript

    雨のように文字が落ちてくるアニメーションのjQueryプラグイン「Letter Drop」

    Letter DropというjQueryプラグインを使えば、雨のように…

  3. DD Scroll Boxes
  4. JavaScript

    アイコンをクリックすると周りにメニューが表示されるjQueryプラグイン「FerroMenu」

    FerroMenuというjQueryプラグインを使えばアイコンをクリッ…

  5. no-image

    JavaScript

    プレーンなJavaScriptによるレスポンシブなLightbox「jsOnlyLightbox」

    jsOnlyLightboxは、jQueryなどを必要としないプレーン…

最近の記事

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

アーカイブ

PAGE TOP