EZ Plus

JavaScript

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

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

EZ Plus

デモ

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

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

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

EZ Plus

関連記事

  1. no-image

    JavaScript

    チェックボックスをアニメーショントグルにする「jquery-simpletoggler」

    jquery-simpletogglerは、デフォルトのチェックボック…

  2. Ace Responsive Menu
  3. marginotes

    JavaScript

    テキストの余白に注釈をつけて読みやすい記事をつくれる「marginotes」

    marginotesは、クールなマージンノートを作成するjQueryプ…

  4. CoutUpCircle

    JavaScript

    カウントアップしてくれるjQueryプラグイン「CoutUpCircle」

    CoutUpCircleは目標に指定した数までカウントアップしてくれる…

  5. jQueryを使わないコード集

    JavaScript

    jQueryを使わないでコードを書くTips集

    jQueryを使えば簡単にできることがたくさんあるんですが、ちょっとし…

  6. Hero slider

    JavaScript

    レスポンシブで横幅フルサイズのスライダーを実装できる「Hero slider」

    Hero sliderはレスポンシブに対応した横幅フルサイズのスライダ…

最近の記事

  1. 梅の花
  2. 三菱ブレッドオーブン
  3. 浜離宮恩賜庭園

アーカイブ

PAGE TOP