jZoom2

Widget for pinching and zooming of any DOM element. Author: Yuriy Petrov

Installation

jZoom2 needs Hammer.JS and jQuery. But you don't need to install it manually if you're using bower.

Via Bower

bower install pri.jzoom2 --save

Via NPM

npm install pri.jzoom2 --save

After download the widget place this in html.

<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/hammerjs/hammer.js"></script>

Replace bower_components to node_modules if you're using bower instead of npm.

Base arguments

jZoom2(element, options)

How to use

let zoomEl = new jZoom2('#el', {});

Options

options.maxScale

Maximum scale factor of manipulated element.

Default: 3

options.iscrollObj

Push iScroll object through if you are using it. Basically it needs for right detection visible element or not right now.

Default: null.

Events

Usage: zoomEl.on(event, callback)

• beforeOpen, calls before open process starts
• open, calls when method open done its work
• beforeClose, calls before close process starts
• close, calls when method close done its work