imgAreaSelect Home

imgAreaSelect Frequently Asked Questions

Last revised: May 1, 2012

  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?
  4. I have a problem with imgAreaSelect, can you help me?

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:

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.

I have a problem with imgAreaSelect, can you help me?

Probably, yes — I usually try to help when people have problems with the plugin. However, before you contact me, please make sure you have read the documentation and checked out the examples — the solution might be there. And when you contact me, it's highly likely that I'm going to ask you for a link to a live demo of the problem that you're having, so it speeds things up when you have a demo version ready.