{"id":81751,"date":"2025-06-16T22:34:24","date_gmt":"2025-06-16T22:34:24","guid":{"rendered":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/16\/pinch-zoomer-jquery-plugin\/"},"modified":"2025-06-16T22:35:26","modified_gmt":"2025-06-16T22:35:26","slug":"pinch-zoomer-jquery-plugin","status":"publish","type":"post","link":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/16\/pinch-zoomer-jquery-plugin\/","title":{"rendered":"Pinch Zoomer jQuery Plugin"},"content":{"rendered":"<\/a>\n<\/p>\n

LIVE PREVIEW<\/a>BUY FOR $10<\/a><\/p>\n

<\/p>\n

PinchZoomer is a simple to setup jQuery plugin for cellular and desktop that provides pinch to zoom \/ mouse scroll zoom perform to your HTML content material.<\/strong>\n<\/p>\n

Model Historical past<\/strong><\/p>\n

Model 2.3<\/strong><\/p>\n

Added<\/strong><\/p>\n

\u00a0\u00a0\u00a0– Choice to reposition or cover tooltips when zooming or dragging
\n \u00a0\u00a0\u00a0– {hardware} acceleration choice for markers(disabled by default)
\n \u00a0\u00a0\u00a0– Some browse workarounds on documentation information<\/p>\n

Modified<\/strong><\/p>\n

\u00a0\u00a0\u00a0– Doubletap zoomout defaults to minimal zoom worth

\n \u00a0\u00a0\u00a0– Default cursor to “pointer”<\/p>\n

Mounted<\/strong><\/p>\n

\u00a0\u00a0\u00a0– efficiency on markers

\n \u00a0\u00a0\u00a0– zoom level on “sensible” scale mode

\n \u00a0\u00a0\u00a0– zoom on newer iOS variations<\/p>\n

Model 2.2<\/strong><\/p>\n

Added<\/strong><\/p>\n

\u00a0Choices<\/strong>
\n \u00a0\u00a0\u00a0– mouse over zoom choice (default is disabled)<\/p>\n

Examples<\/strong>
\n \u00a0\u00a0\u00a0– Product with mouse over zoom \n<\/p>\n

Model 2.1<\/strong><\/p>\n

Added<\/strong><\/p>\n

\u00a0Choices<\/strong>
\n \u00a0\u00a0\u00a0– zoom to Marker choice (default is disabled)
\n \u00a0\u00a0\u00a0– drag restrict to middle (default is disabled)
\n \u00a0\u00a0\u00a0– scroll web page when content material reaches its drag restrict (default is disabled)
\n \u00a0\u00a0\u00a0– “sensible” worth for scaleMode choice
\n \u00a0\u00a0\u00a0– initZoom<\/p>\n

API<\/strong>
\n \u00a0\u00a0\u00a0– rework perform
\n \u00a0\u00a0\u00a0– zoomToMarker perform<\/p>\n

Characteristic<\/strong>
\n \u00a0\u00a0\u00a0– marker tooltips now included<\/p>\n

Examples<\/strong>
\n \u00a0\u00a0\u00a0– Dynamic Choices
\n \u00a0\u00a0\u00a0– Add or Take away Markers
\n \u00a0\u00a0\u00a0– Multilayer Zoom
\n \u00a0\u00a0\u00a0– Map with Markers \n<\/p>\n

Eliminated<\/strong>
\n \u00a0– mousewheel plugin dependency <\/p>\n

Modified<\/strong>
\n\u00a0– The content material retains the zoom issue when window is resized or machine adjustments orientation <\/p>\n

Model 2.0<\/strong><\/p>\n

Added<\/strong>
\n – Assist for HTML content material (not simply photos)
\n – Use of native scrolling when content material is just not zoomed
\n – Markers
\n – Native fullscreen
\n – Adaptive picture loading
\n – Extra examples utilizing API\n<\/p>\n

Eliminated<\/strong>
\n – Assist for IE8 and beneath and Android 2.2.x (for IE8 and beneath and Android 2.2.x help use model 1.x)
\n – Modernizr(Not required)\n<\/p>\n

Modified<\/strong>
\n – Improved API for occasions, content material manipulation
\n – Content material choices
\n– Controls are all the time seen for improved efficiency<\/p>\n

\n Options<\/strong><\/p>\n

1. Contact enabled<\/strong>
\n This supplies the acquainted contact gestures for zooming content material in cellular units.<\/p>\n

2. Totally responsive<\/strong>
\n This plugin can adapt to any display measurement so you’ll have an optimum viewing expertise whether or not you might be utilizing desktop or cellular units.<\/p>\n

3. Cross-browser, IOS and Android suitable <\/strong>
\n Utilizing IOS, Android, laptops, desktops and even an outdated browser similar to IE9 must be no downside with this plugin.<\/p>\n

4. Easy setup<\/strong>
\n HTML newbie or hardcore jQuery developer? It doesn’t matter as a result of all you want is a single line of code of both JS or HTML and all the pieces works mechanically. <\/p>\n

5. Developer API<\/strong>
\n This plugin permits builders to have extra management utilizing the PinchZoomer API.<\/p>\n

6. A number of picture zoomers in a single web page<\/strong>
\n Add multi-touch zooming functionality to as many content material as you need in a single web page.<\/p>\n

7. Zoom DIV Content material <\/strong>
\n Completely different components like photos, textual content, and so forth might be positioned inside a DIV and be zoomed.<\/p>\n

8. Marker and Tooltip help <\/strong>
\n Add markers, zoom to markers or add tooltips to markers. These are nice for maps, ground plans and even merchandise.<\/p>\n

9. Fullscreen Toggle help <\/strong>
\n Small display units want all of the house they will get. This provides an choice to the consumer to view the content material with out the litter.<\/p>\n

10. Adaptive Picture Loading <\/strong>
\n Stop pointless load time, assets and lag by delivering the right picture measurement to any display measurement.<\/p>\n

Required JS<\/strong>
\njQuery
\nHammer JS
\nTweenMax<\/p>\n

Observe: Photographs usually are not included in your buy. Additionally, it’s unattainable to verify this plugin on each machine so please verify the examples within the stay preview utilizing the machine you want to help. Thanks!<\/strong>\n<\/p>\n

\n