ASP.NET ImageMap Control.
Namespace: System.Web.UI.WebControls
Assembly: System.Web (in system.web.dll)
The ASP.NET ImageMap control is used to display an image on the webpage with associated hotspot links on a part or various parts on the image. This control is rendered as the HTML Area
element.
Working example.
Creating the ImageMap control.
This example id from the above example.
<asp:ImageMap ID="ImageMap1" runat="server" ImageUrl="~/HTMLTags/images/colors.gif">
<asp:RectangleHotSpot AlternateText="SpeakComputers.com" Bottom="16" Left="6" NavigateUrl="http://www.speakcomputers.com"
Right="67" Target="_blank" Top="64" />
<asp:RectangleHotSpot AlternateText="Microsoft" Bottom="16" Left="80" NavigateUrl="http://www.Microsoft.com"
Right="141" Target="_blank" Top="64" />
<asp:RectangleHotSpot AlternateText="Oracle" Bottom="16" Left="156" NavigateUrl="http://www.Oracle.com"
Right="218" Target="_blank" Top="64" />
</asp:ImageMap>
The above example will be rendered as HTML with the result below (source).
<img id="ctl00_ContentPlaceHolder1_ImageMap1" src="../HTMLTags/images/colors.gif" usemap="#ImageMapctl00_ContentPlaceHolder1_ImageMap1" style="border-width:0px;" /><map name="ImageMapctl00_ContentPlaceHolder1_ImageMap1" id="ImageMapctl00_ContentPlaceHolder1_ImageMap1">
<area shape="rect" coords="6,64,67,16" href="http://www.speakcomputers.com" target="_blank" title="SpeakComputers.com" alt="SpeakComputers.com" /><area shape="rect" coords="80,64,141,16" href="http://www.Microsoft.com" target="_blank" title="Microsoft" alt="Microsoft" /><area shape="rect" coords="156,64,218,16" href="http://www.Oracle.com" target="_blank" title="Oracle" alt="Oracle" />
</map>
|