Pinch Zoomer jQuery Plugin
PinchZoomer is a straightforward to setup jQuery plugin for cell and desktop that provides pinch to zoom / mouse scroll zoom perform to your HTML content material.
Version History
Version 2.3
Added
– Option to reposition or cover tooltips when zooming or dragging
– {hardware} acceleration possibility for markers(disabled by default)
– Some browse workarounds on documentation information
Changed
– Doubletap zoomout defaults to minimal zoom worth
– Default cursor to “pointer”
Fixed
– efficiency on markers
– zoom level on “good” scale mode
– zoom on newer iOS variations
Version 2.2
Added
Options
– mouse over zoom possibility (default is disabled)
Examples
– Product with mouse over zoom
Version 2.1
Added
Options
– zoom to Marker possibility (default is disabled)
– drag restrict to middle (default is disabled)
– scroll web page when content material reaches its drag restrict (default is disabled)
– “good” worth for scaleMode possibility
– initZoom
API
– remodel perform
– zoomToMarker perform
Feature
– marker tooltips now included
Examples
– Dynamic Options
– Add or Remove Markers
– Multilayer Zoom
– Map with Markers
Removed
– mousewheel plugin dependency
Changed
– The content material retains the zoom issue when window is resized or machine modifications orientation
Version 2.0
Added
– Support for HTML content material (not simply photographs)
– Use of native scrolling when content material just isn’t zoomed
– Markers
– Native fullscreen
– Adaptive picture loading
– More examples utilizing API
Removed
– Support for IE8 and beneath and Android 2.2.x (for IE8 and beneath and Android 2.2.x assist use model 1.x)
– Modernizr(No longer required)
Changed
– Improved API for occasions, content material manipulation
– Content choices
– Controls are all the time seen for improved efficiency
Features
1. Touch enabled
This supplies the acquainted contact gestures for zooming content material in cell units.
2. Fully responsive
This plugin can adapt to any display dimension so you should have an optimum viewing expertise whether or not you’re utilizing desktop or cell units.
3. Cross-browser, IOS and Android appropriate
Using IOS, Android, laptops, desktops and even an outdated browser resembling IE9 must be no drawback with this plugin.
4. Simple 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. Multiple 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
Different components like photographs, textual content, and so on could be positioned inside a DIV and be zoomed.
8. Marker and Tooltip assist
Add markers, zoom to markers or add tooltips to markers. These are nice for maps, ground plans and even merchandise.
9. Fullscreen Toggle assist
Small display units want all of the area they’ll get. This offers an choice to the person to view the content material with out the muddle.
10. Adaptive Image Loading
Prevent pointless load time, assets and lag by delivering the proper picture dimension to any display dimension.
Required JS
jQuery
Hammer JS
TweenMax
Note: Images aren’t included in your buy. Also, it’s inconceivable to examine this plugin on each machine so please examine the examples within the reside preview utilizing the machine you want to assist. Thanks!
