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. ホワイトチョコマカダミアドーナツ
  2. エッグペペ
  3. ダークチョコレート
  4. 朝のコーヒー
  5. ザンビア
PAGE TOP