ImageMap control is used to create an image that contains clickable hotspot region. When user click on the region, the user is either sent to a URL or a sub program is called Imagemap. When it is rendered on the page, it is implemented through <img /> HTML tag.
Hot spots features
- There is no limit on number of hotspots each image may contain.
- Each hotspot is characterized by various attributes like shape, location and size.
- Overlapping hotspots are perfectly valid.
- Hot spots are defined using x and y coordinates.
- Hot spots can be assigned Image URL's and are capable of postback.
Different types of hot spots
There are three different types of hot spots offered by ImageMap control. They are:
CircleHotspot: CircleHotspot defines circle shaped hot spot region in an ImageMap control. To define the region for a circle hot spot, we should define X and Y coordinates for circle as well as radius property which usually is the distance from the center of circle to the edge.
RectangleHotspot: RectangleHotspot defines rectangle shaped hot spot region in an ImageMap control. To define the region for a Rectangle hot spot, we define Top, Bottom, Left and Right coordinates. Similar is the case for the Polygon hot spot.
Rightclick On Imagemap Control :
if you click the left side of the image you see below image:
if you click the Right side of the image you see below image: