Image Zoom Pro is a powerful and flexible Extension designed to enhance your web applications with advanced image zoom functionalities. This component includes a set of Blocks for both Inside and Outside Image Zoom, providing a seamless and interactive experience for users. Its ease of use makes it an excellent choice for developers looking to implement image zoom features with minimal effort.

Features:

• Inside Image Zoom: Allows users to zoom in on specific areas of an image within a defined frame.
• Outside Image Zoom: Displays a zoomed-in version of the image in a separate area, providing a clear and detailed view.
• User-friendly: Simply update the image URL to implement the zoom feature.
• Demo included: A comprehensive demonstration of the component’s functionality is provided to help you get started quickly.

How to Use:

1. Install the Component:

• Download and install the Image Zoom Pro component from the Forge.
• Add the Image Zoom Pro component to your application module.

2. Add Inside Image Zoom:

• Drag and drop the Inside Image Zoom Block onto your screen.

3. Add Outside Image Zoom:

• Drag and drop the Outside Image Zoom Block onto your screen.

4. Customize Styles (Optional):

• Customize the styles of the zoom lens and zoom window using CSS classes provided by the component.
• Modify the appearance to match your application's design and branding.

5. Preview and Test:

• Preview your application to see the Image Zoom Pro component in action.
• Test the zoom functionalities to ensure they work as expected with your images.

6. Review the Demo:

• Check the included demo for additional examples and usage scenarios.
• Refer to the demo to understand advanced configurations and optimizations.

Benefits:

• Enhances user experience by providing detailed image views.
• Simple integration and configuration process.
• Flexible customization options to fit various application needs.
• Improves the presentation of high-resolution images.