Descrição
PinchZoomer is an easy to setup jQuery plugin for mobile and desktop that adds pinch to zoom / mouse scroll zoom function to your HTML content.
Version History
Version 2.3
Added
– Option to reposition or hide tooltips when zooming or dragging
– hardware acceleration option for markers(disabled by default)
– Some browse workarounds on documentation guide
Changed
– Doubletap zoomout defaults to minimum zoom value
– Default cursor to “pointer”
Fixed
– performance on markers
– zoom point on “smart” scale mode
– zoom on newer iOS versions
Version 2.2
Added
Options
– mouse over zoom option (default is disabled)
Examples
– Product with mouse over zoom
Version 2.1
Added
Options
– zoom to Marker option (default is disabled)
– drag limit to center (default is disabled)
– scroll page when content reaches its drag limit (default is disabled)
– “smart” value for scaleMode option
– initZoom
API
– transform function
– zoomToMarker function
Feature
– marker tooltips now included
Examples
– Dynamic Options
– Add or Remove Markers
– Multilayer Zoom
– Map with Markers
Removed
– mousewheel plugin dependency
Changed
– The content keeps the zoom factor when window is resized or device changes orientation
Version 2.0
Added
– Support for HTML content (not just images)
– Use of native scrolling when content is not zoomed
– Markers
– Native fullscreen
– Adaptive image loading
– More examples using API
Removed
– Support for IE8 and below and Android 2.2.x (for IE8 and below and Android 2.2.x support use version 1.x)
– Modernizr(No longer required)
Changed
– Improved API for events, content manipulation
– Content options
– Controls are always visible for improved performance
Features
1. Touch enabled
This provides the familiar touch gestures for zooming content in mobile devices.
2. Fully responsive
This plugin can adapt to any screen size so you will have an optimal viewing experience whether you are using desktop or mobile devices.
3. Cross-browser, IOS and Android compatible
Using IOS, Android, laptops, desktops or even an old browser such as IE9 should be no problem with this plugin.
4. Simple setup
HTML beginner or hardcore jQuery developer? It doesn’t matter because all you need is a single line of code of either JS or HTML and everything works automatically.
5. Developer API
This plugin allows developers to have more control using the PinchZoomer API.
6. Multiple image zoomers in one page
Add multi-touch zooming capability to as many content as you want in one page.
7. Zoom DIV Content
Different elements like images, text, etc can be placed inside a DIV and be zoomed.
8. Marker and Tooltip support
Add markers, zoom to markers or add tooltips to markers. These are great for maps, floor plans or even products.
9. Fullscreen Toggle support
Small screen devices need all the space they can get. This gives an option to the user to view the content without the clutter.
10. Adaptive Image Loading
Prevent unnecessary load time, resources and lag by delivering the correct image size to any screen size.
Required JS
jQuery
Hammer JS
TweenMax
Note: Images are not included in your purchase. Also, it is impossible to check this plugin on every device so please check the examples in the live preview using the device you wish to support. Thanks!
