Last revised: Apr 9, 2011

1. Can I use imgAreaSelect in a commercial website/application?
2. How can I have more than one selection area on the same image?
3. I'm having trouble using imgAreaSelect with Lightbox (or one of its numerous clones) — the selection area is misplaced or it stays visible when Lightbox is closed. How to fix this?

Can I use imgAreaSelect in a commercial website/application?

Sure! Similar to jQuery, imgAreaSelect is dual-licensed under the GPL and MIT licenses, which effectively means it is absolutely free for commercial use.

How can I have more than one selection area on the same image?

ImgAreaSelect was meant to be a simple implementation of selecting a single area of an image, and it does not support selecting multiple areas. However, since the plugin is extensible, a few people have used it to implement interfaces with multiple selection areas, so you might want to look into those. For example, if you need photo-tagging capabilities, the following two solutions might be of interest to you:

• Img Notes by Tarique Sani
• Photo Tagging by Neill Horsman

I'm having trouble using imgAreaSelect with Lightbox (or a similar solution) — the selection area is misplaced, or it stays visible when Lightbox is closed. How to fix this?

These are common problems when imgAreaSelect is used on images which are out of the normal page flow. Most of the times, a simple fix for all these issues is to use the parent option. All you need to do is designate the element in which the image is displayed (e.g., the main Lightbox div) as the parent. There is an example of this in the examples section.