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

Zooming

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

Zooming

デモ

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

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

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

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

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

Zooming

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

オススメ商品

Archives