Zoomingはクールでかっこいい画像ズーム機能を実装することができるJavaScriptライブラリです。jQueryなどを必要とせず純粋なJavaScriptでつくられているほか、モバイルも念頭に置き構築されているのが特徴です。
Zooming
以下からZoomingの実際のデモ動作を確認することができます。
デモでは画像にマウスオーバーするとカーソルが虫眼鏡のアイコンに変化します。その状態で画像をクリックすると画像がズーム(拡大)します。その後、再度クリックすると元の状態に戻ります。
クイックな動作で画像をズームできるので、ストレスなく拡大した画像を見れるのがいいですね。シンプルで直感的な操作により、快適な画像ズーム機能を実装することが可能です。
また、デモページでは画面下の方に、FASTER、SLOW DOWN、MAKE IT DARK、NO GRABというボタンが設置されています。
各ボタンをクリックするとボタンに色がつき、それに対応したセッティングが有効になります。ズーム時の速さや背景の変化など、いくつかのセッティングが用意されているので、気になる人はこちらもぜひ試してみてください。
というわけで、シンプルなズーム動作がかっこいいクールなズーム機能を実装できる「Zooming」のご紹介でした。
Zoomingの具体的な使い方やダウンロードに関しては以下のページからどうぞ。