Momentum Panning and Zooming Effect With jQuery - zoom3d
File Size: | 10 KB |
---|---|
Views Total: | 1855 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

zoom3d is a simple jQuery plugin that enables momentum panning and zooming effects on your html content in mobile browsers.
How to use it:
1. Include both jQuery JavaScript library and the jQuery zoom3d plugin on your webpage.
<script src="//code.jquery.com/jquery-2.2.0.min.js"></script> <script src="js/jquery.zoom3d.js"></script>
2. Wrap the html content into the container 'zoom3d'.
<div class="zoom3d"> <div class="content"> ... </div> </div>
3. Just call the function on the top container and done.
$(".zoom3d").zoom3d({ content: ".content", translate3d: true });
4. Plugin's default settings.
$(".zoom3d").zoom3d({ content: ".content", translate3d: true });
Change log:
2016-10-17
- Minor refactoring and optimization
2016-02-12
- bugfix
This awesome jQuery plugin is developed by stassop. For more Advanced Usages, please check the demo page or visit the official website.