Zooming

JavaScript

クールな画像ズーム機能を実装できる「Zooming」

Zoomingはクールでかっこいい画像ズーム機能を実装することができるJavaScriptライブラリです。jQueryなどを必要とせず純粋なJavaScriptでつくられているほか、モバイルも念頭に置き構築されているのが特徴です。

Zooming

デモ

デモでは画像にマウスオーバーするとカーソルが虫眼鏡のアイコンに変化します。その状態で画像をクリックすると画像がズーム(拡大)します。その後、再度クリックすると元の状態に戻ります。

クイックな動作で画像をズームできるので、ストレスなく拡大した画像を見れるのがいいですね。シンプルで直感的な操作により、快適な画像ズーム機能を実装することが可能です。

また、デモページでは画面下の方に、FASTER、SLOW DOWN、MAKE IT DARK、NO GRABというボタンが設置されています。

各ボタンをクリックするとボタンに色がつき、それに対応したセッティングが有効になります。ズーム時の速さや背景の変化など、いくつかのセッティングが用意されているので、気になる人はこちらもぜひ試してみてください。

というわけで、シンプルなズーム動作がかっこいいクールなズーム機能を実装できる「Zooming」のご紹介でした。

Zooming

関連記事

  1. no-image

    JavaScript

    豊富なオプションでカスタマイズ性も高いjQueryスライダー「startVal」

    startValは豊富なオプションやAPIを有したカスタマイズ性の高い…

  2. Trunk.js

    JavaScript

    滑らかなスライド表示がいい!レスポンシブなナビゲーションメニュー「Trunk.js」

    Trunk.jsはレスポンシブに対応したナビゲーションメニューを実装す…

  3. no-image

    JavaScript

    タッチフレンドリーでモバイルでも快適に動作する「simplelightbox」

    simplelightboxはレスポンシブ対応でタッチフレンドリーなl…

  4. no-image

    JavaScript

    背景にSVGによるライン(線)をランダムで生成する「ckLine.js」

    ckLine.jsは背景にSVGによるライン(線)をランダムで生成する…

  5. jquery.autoscroll-text-tape
  6. Nivo Zoom

    JavaScript

    Lightbox風に画像をズームして表示させるjQueryプラグイン「Nivo Zoom」

    Lightbox風に画像をズームして表示させるjQueryプラグイン「…

最近の記事

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

Facebookページ

PAGE TOP