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.

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.

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.

✅ 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)

✅ See Also:

Interactive SVG Map
https://veryutils.com/interactive-svg-map

PHP Web File Manager
https://veryutils.com/php-web-file-manager

Single File PHP FileManager
https://veryutils.com/php-file-manager-and-ajax-uploader

PHP Web Email Crawler,
https://veryutils.com/php-web-email-crawler

Web Crawler and Scraper for Emails, Links, Phone Numbers and Image URLs, PHP Source Code,
https://veryutils.com/web-crawler-and-scraper

Batch Email Sender,
https://veryutils.com/php-script-batch-send-emails

Business Mailing Lists,
https://veryutils.com/business-mailing-lists

Mass Email Sender Service,
https://veryutils.com/mass-email-sender-service