We can create multiple clickable region on a single image using image maps. To define a clickable region on a single image create a map of the image using <map>.A clickable region inside an image is also known as hotspot. <map> has a name attribute using which is the map can be referenced in an HTML file. This attribute gives a name to the imagemap. Inside the map section we should use <area>, <area> defines the boundaries of the clickable area, <area> has following attributes:
1. Shape Attribute:
Here, the shape of the clickable region can be specified. The values which can be set with this attributes are rect(for rectangle and square), circle, poly, point.
2. Coords Attribute:
Each of the above shape requires different coordinates for rectangle shape specify the coordinates of the top left and bottom. Right of the rectangle for circle specify coordinates of center and radius.
For poly specify coordinates of any five points on polygon.
0 Comments