My favorites | Sign in
Project Home Downloads Source
Project Information
Members
Featured
Downloads

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

(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.

Powered by Google Project Hosting