Ngx Image Zoom

Overview

NgxImageZoom is a powerful Angular library designed to offer an engaging image zoom experience. The library, inspired by popular jQuery plugins and earlier versions of Angular image zoom tools, has been developed with a focus on flexibility and ease of use within Angular applications. It seamlessly handles both image URLs and in-line images, making it an adaptable choice for developers looking to enhance their project visuals.

Currently in early development, NgxImageZoom is specifically tested with Angular 15, ensuring compatibility and reliability. As the library evolves, more features are expected to roll out, contributing to its functionality and user experience. With its user-centric design and customization options, NgxImageZoom holds promise for anyone interested in implementing image zoom capabilities into their web applications.

Features

• Thumb Image: The smaller version of the image displayed by default, required for user interaction.
• Full Image: The high-resolution image used during the zoom effect, defaults to the thumb image if not provided.
• Magnification Control: Adjust the zoom factor to suit your preferences, using a default value of 1 for actual image resolution.
• Zoom Mode Options: Select your preferred method for zooming—either on hover or other interactive options provided.
• Scroll Zoom Feature: Enable or disable zooming with the mouse wheel for a more dynamic user experience.
• Custom Scroll Step Size: Define how much the zoom level changes with each scroll action for precise control.
• Lens Zoom Capability: Use a lens that magnifies only a portion of the image, enhancing focus and detail.
• Circular Lens Option: Create a circular lens effect for a visually appealing zoom area when the lens dimensions are equal.