VeryUtils Smooth Zoom Pan Image Viewer is an easy-to-use JavaScript

VeryUtils Smooth Zoom Pan Image Viewer is an easy-to-use JavaScript source code for mobile and desktop that adds "pinch to zoom" or "mouse scroll to zoom" functionality to your HTML content.

https://veryutils.com/smooth-zoom-pan-image-viewer

VeryUtils Smooth Zoom Pan Image Viewer is a JavaScript/CSS-based image viewer designed to display product photos, maps, or any image within a custom-defined small area. It can be configured and implemented on web pages with simple copy/paste steps. It supports all major touch-enabled devices and platforms, including iOS, Android, and Windows.

VeryUtils Smooth Zoom Pan Image Viewer is a straightforward pan/zoom solution for SVGs and images in HTML. It adds event listeners for mouse scroll, double-click, and pan actions, and optionally offers the following features:

* JavaScript API for controlling pan and zoom behavior

* onPan and onZoom event handlers

* On-screen zoom controls

* It is cross-browser compatible and supports both inline SVGs and SVGs within HTML object or embed elements.

✅ VeryUtils Smooth Zoom Pan Image Viewer Key Features:

* Initial Zoom level

* Initial Position

* Maximum zoom level

* Minimum zoom level

* Animation Smoothness

* Animation Speed for Zoom

* Animation Speed for Pan

* Fit or Fill the image

* Enable / Disable Pan buttons

* Enable / Disable Pan Limitation

* Adjustable Button Size, Color, Transparency, Alignment and Margin

* Button Auto Hide and Delay Time

* Mouse Drag / Touch Drag

* Mouse Wheel zoom control

* Mouse Cursor location zoom on mouse wheel

* Mouse Double Click zoom

* Border size, color, transparency

* Full browser size option

* Max width and height (for window resize)

Touch-enabled:

This feature provides familiar touch gestures for zooming content on mobile devices.

Fully responsive:

The plugin is capable of adapting to any screen size, ensuring an optimal viewing experience whether you're using desktop or mobile devices.

Cross-browser and compatible with iOS and Android:

Whether you're using iOS, Android, laptops, desktops, or even an older browser like IE9, this plugin should function seamlessly.

Simple setup:

Whether you're an HTML beginner or a seasoned jQuery developer, setting up the plugin is a breeze. With just a single line of code in either JavaScript or HTML, everything works automatically.

Developer API:

This plugin offers developers greater control through the Smooth Zoom Pan Image API.

Multiple instances on one page:

You can add multi-touch zooming capability to as many content elements as you'd like on a single page.

Zooming DIV content:

Different elements such as images, text, etc., can be placed inside a DIV and zoomed.

Fullscreen toggle support:

Small-screen devices often require maximum screen space. This feature allows users to toggle fullscreen mode to view content without clutter.

Adaptive image loading:

Optimize load time, resources, and minimize lag by delivering the correct image size for any screen resolution.

Marker and tooltip support:

Add markers, zoom to markers, or include tooltips on markers. This functionality is particularly useful for maps, floor plans, or product displays.

Mouseover zoom support:

Enable zooming by mouseover on desktop while retaining pinch-to-zoom functionality on mobile devices. This option maximizes user interaction across various devices.

✅ Supported Browsers:

* Chrome

* Firefox

* Safari

* Opera

* Internet Explorer 9+ (works badly if viewBox attribute is set)