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

    シンプルでスタイリッシュなLightbox風のjQueryプラグイン「Featherlight」

    シンプルでスタイリッシュなデザインが特徴的なLightbox風のjQu…

  2. reveal-it.js

    JavaScript

    左から右へテキストが美しくフェードイン表示する「reveal-it.js」

    reveal-it.jsはテキストが左から右へかけて徐々にフェードイン…

  3. jQuery Bar Rating

    JavaScript

    選択範囲を評価ウィジェットに変換できる「jQuery Bar Rating」

    jQuery Bar Ratingは、ユーザーが選択する範囲を評価ウィ…

  4. jquery.datepicker

    JavaScript

    未来的なデータピッカーを実装できる「jquery.datepicker」

    jquery.datepickerはWeb用の未来的なデータピッカーを…

  5. EasyLoading

    JavaScript

    ローディングアニメーションを手軽に実装できる「EasyLoading」

    EasyLoadingは、ローディングアニメーションを手軽に実装するこ…

  6. TyperText

    JavaScript

    テキストタイピングエフェクトを実装できる「TyperText」

    TyperTextはテキストタイピングエフェクトを実装できるjQuer…

最近の記事

  1. 濃いアーモンドミルク
  2. COMOLI ベタシャンプルオーバーシャツ
  3. ユニクロ エアリズム マイクロメッシュVネックT(半袖)
  4. ライオン システマ 超コンパクト ふつう
  5. タリーズ ハムチーズ&サラダサンド

アーカイブ

PAGE TOP