This module is a clickable region selector that was created for a client project.
It consists of the following:
- A sprite image
- Some CSS
- An Angular service
- An Angular directive
And has the following dependencies:
- jQuery (latest 1.x or 2.1.x)
- Angular (1.3.x or 1.4.x)
May work with other versions as well, but this hasn't been thoroughly tested.
This module uses image map coordinates to define the clickable areas. Starting coordinates are hard-coded in the Angular directive, and re-calculated on page resize.
The starting coordinates were generated using:
Summer Image Mapper - Mozilla Developers Network
There are numerous other image mapping tools out there, so if you're not happy with this one, you can search for another. Try Googling image map generator. Dreamweaver also apparently has an image mapping tool.