As promised, I’m releasing a new version of the imgAreaSelect plugin.
The plugin code has undergone significant reorganization to make it behave properly in some extreme cases — for example, when the image is placed in a scrollable div. I’ve also added a few features that were frequently requested (like an option to set the parent element).
Here’s a new release of my imgAreaSelect jQuery plugin. I’ve fixed a few bugs and introduced two new features that have been asked for: the ability to enable/disable the plugin on demand, and to set the color and opacity of the unselected area.
Edit:
There were a few bugs in the 0.4 code (thanks to vivo for catching them quickly), so I’ve made a quick update and released version 0.4.1.
Edit #2:
This is definitely not my lucky day. It seems my quick update was in fact too quick, as the updated version turned out to be broken in IE. I fixed it (and TESTED this time) and made yet another release, so it’s version 0.4.2 now.
I’ve finally had some spare time to update the imgAreaSelect jQuery plugin. A couple goodies that you people requested are now added, including the ability to pre-select an area on initialization, and dynamically change selection options.
All the usage examples have been updated to demonstrate a more bulletproof way of initializing the plugin. The initialization method is now called in the $(window).load() event handler instead of $(document).ready(), to prevent the plugin from being started before the image itself has finished loading — I know a few people encountered this problem. Thanks to Wojtek Zymonik for pointing it out.
I’ve also reworked the callback function example to incorporate real-time preview scaling (sounds neat, doesn’t it?).
Since many people (okay, actually just six people) requested a few additional features for the imgAreaSelect plugin, I’m releasing an updated version. The plugin now supports moving and resizing of the selection area, width/height limits, and fixed proportions.
I’ve also added a couple more usage examples.
I’m releasing my second jQuery plugin today. It’s called imgAreaSelect, and it serves the exalted purpose of letting the user select a rectangular area within an image.
What good is selecting a rectangular area within an image, you may ask? Well, I originally used the code in a web gallery application — it allowed the user to select a part of a newly added image for cropping. So that’s one thing that it’s good for, but of course you can use it for any other wicked purpose that comes to your mind.
