Zooming

JavaScript

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

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

Zooming

デモ

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

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

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

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

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

Zooming

関連記事

  1. infiniteSlider2.js
  2. JavaScript

    シンプルなアラートを表示させることができる「smoke.js」

    smoke.jsはシンプルでカッコいいアラートを表示させることができる…

  3. Vimeo Carousel Gallery
  4. CurvedText

    JavaScript

    曲線上にテキストを配置できるjQueryプラグイン「CurvedText」

    CurvedTextというjQueryプラグインを使えば、任意の曲線上…

  5. imagelightbox

    JavaScript

    レスポンシブ対応でタッチフレンドリーな画像ギャラリー「imagelightbox」

    imagelightboxは、レスポンシブに対応したタッチフレンドリー…

  6. MoveTo

    JavaScript

    軽量なスムーススクロールを実装できるJSライブラリ「MoveTo」

    MoveToは軽量(圧縮版で1KBほど)なスムーススクロールを実装する…

最近の記事

  1. s9+
  2. SRS-LSR200
  3. QC30
  4. リンツ リンドール

アーカイブ

PAGE TOP