imgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes (like those on Flickr).
- Highly configurable
- Customizable with CSS styling
- Handles scaled images
- Keyboard support for moving and resizing the selection
- Supports callback functions
- Provides API functions for easier integration with other application components
- Lightweight — the packed version is just 8KB
The plugin works in all major browsers, including Firefox 2+, Opera 9.5+, Google Chrome, Safari 3+, and Internet Explorer 6+.
Click and drag on the image to select an area.
Quick Usage Instructions
and CSS files to your website/application directory. Load the files in
<head> section of your HTML document.
Then, to enable selection on an image, wrap it in a jQuery object and call the
jquery.imgareaselect-0.9.10.zip – a zip archive containing the plugin source (packed version included), a minified version of jQuery, CSS and graphics files, and license text files.
For web developers who want to extend/modify the plugin, here's a fully
documented version of the source code:
Dual licensed under the MIT and GPL licenses.