EZ Plus

JavaScript

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

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

EZ Plus

デモ

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

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

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

EZ Plus

関連記事

  1. Jquery-Slider

    JavaScript

    水平の画像タイムラインを実装できる「Jquery-Slider」

    Jquery-Sliderは水平の画像タイムラインを実装できるのが特徴…

  2. gliojs

    JavaScript

    viewportから離れた時にイベントをトリガーしてくれる「gliojs」

    gliojsは、ページを閲覧している時にマウスがviewport(表示…

  3. jQuery googleslides
  4. JavaScript

    レスポンシブで横スクロールやキーボード操作も可能なjQueryギャラリー「Portfoliojs」

    ポートフォリオなどでとても素敵なイメージギャラリーを実装することができ…

  5. Starfield

    JavaScript

    宇宙空間を移動するような背景アニメーションを実装できる「Starfield」

    Starfieldは宇宙空間を移動するような背景アニメーションを実装す…

  6. no-image

    JavaScript

    スライダータイプの質問フォーム実装「jquery.formslider」

    jquery.formsliderはスライダータイプによる質問フォーム…

最近の記事

  1. Waterlogue
  2. macOS Mojaveのダークモード
  3. Olli
  4. 単語帳メーカー(Flashcard Maker App)

Facebookページ

PAGE TOP