CSSImageMap Control
Description
The CSSImageMap control is used to create an imagemap using div and a tags along with CSS. The CSSImageMap also allows you to add JavaScript onmouseover, onmouseout, and onclick events as well as cause postbacks.
Example
The following CSSImageMap has three CSSImageMapAreas, each of which has ClientMouseOver and ClientMouseOut set to create rollovers (so you can see when you are over them). The first one (upper left) has a ClientClick to display a JavaScript alert box and a ServerClick to set the title to the current date and time. The second one (upper right) simply has an HRef, and the third one (bottom) has an HRef and a ClientClick to display a JavaScript alert box.
The following tags were used to create the CSSImageMap above:

Properties & Methods
CSSImageMapThe CSSImageMap control is used to create imagemaps using CSS properties
  • ImageUrl - The image that will be made into an imagemap
  • Width - The width of the image specified in ImageUrl
  • Height - The height of the image specified in ImageUrl
  • Areas - A List of CSSImageMapArea controls specifying the different areas in the imagemap
Source Code
CSSImageMap.vb:



CSSImageMapStyle.css: