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.
Model Historical past
Model 2.3
Added
– Choice to reposition or cover tooltips when zooming or dragging
– {hardware} acceleration choice for markers(disabled by default)
– Some browse workarounds on documentation information
Modified
– Doubletap zoomout defaults to minimal zoom worth
– Default cursor to “pointer”
Mounted
– efficiency on markers
– zoom level on “sensible” scale mode
– zoom on newer iOS variations
Model 2.2
Added
Choices
– mouse over zoom choice (default is disabled)
Examples
– Product with mouse over zoom
Model 2.1
Added
Choices
– zoom to Marker choice (default is disabled)
– drag restrict to middle (default is disabled)
– scroll web page when content material reaches its drag restrict (default is disabled)
– “sensible” worth for scaleMode choice
– initZoom
API
– rework perform
– zoomToMarker perform
Characteristic
– marker tooltips now included
Examples
– Dynamic Choices
– Add or Take away Markers
– Multilayer Zoom
– Map with Markers
Eliminated
– mousewheel plugin dependency
Modified
– The content material retains the zoom issue when window is resized or machine adjustments orientation
Model 2.0
Added
– Assist for HTML content material (not simply photos)
– Use of native scrolling when content material is just not zoomed
– Markers
– Native fullscreen
– Adaptive picture loading
– Extra examples utilizing API
Eliminated
– Assist for IE8 and beneath and Android 2.2.x (for IE8 and beneath and Android 2.2.x help use model 1.x)
– Modernizr(Not required)
Modified
– Improved API for occasions, content material manipulation
– Content material choices
– Controls are all the time seen for improved efficiency
Options
1. Contact enabled
This supplies the acquainted contact gestures for zooming content material in cellular units.
2. Totally responsive
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.
3. Cross-browser, IOS and Android suitable
Utilizing IOS, Android, laptops, desktops and even an outdated browser similar to IE9 must be no downside with this plugin.
4. Easy setup
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.
5. Developer API
This plugin permits builders to have extra management utilizing the PinchZoomer API.
6. A number of picture zoomers in a single web page
Add multi-touch zooming functionality to as many content material as you need in a single web page.
7. Zoom DIV Content material
Completely different components like photos, textual content, and so forth might be positioned inside a DIV and be zoomed.
8. Marker and Tooltip help
Add markers, zoom to markers or add tooltips to markers. These are nice for maps, ground plans and even merchandise.
9. Fullscreen Toggle help
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.
10. Adaptive Picture Loading
Stop pointless load time, assets and lag by delivering the right picture measurement to any display measurement.
Required JS
jQuery
Hammer JS
TweenMax
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!
