About
Imagetool is a simple plugin for jQuery providing basic panning and zooming capabilities for images. It works by wrapping the selected image in a <div> (the viewport) and manipulates css properties based on user input.
Try the demo
Usage
$("img").imagetool(options);
Options
| name | type | required | default | description |
| allowZoom | boolean | no | true | If true, the image is zoomable. |
| allowPan | boolean | no | true | If true, the image can be panned. |
| maxWidth | number | no | 2000 | The maximum width of the zoomed image in pixels. |
| viewportWidth | number | no | 320 | The width (pixels) of the viewport. |
| viewportHeight | number | no | 180 | The height (pixels) of the viewport. |
| callback | function | no | none | A function that is called after the image has been panned or zoomed. |
| loading | string | no | none | Path to an image that is shown while the main image loads. |
| topX | number | no | none | Top left corner of the initial visible area. |
| topY | number | no | none | Top left corner of the initial visible area. |
| bottomX | number | no | none | Bottom right corner of the initial visible area. |
| bottomY | number | no | none | Bottom right corner of the initial visible area. |
