Sunday, August 18, 2013

Image Maping in Asp.Net


.aspx

<asp:ImageMap ID="ImageMap1" runat="server"
                        ImageUrl="~/Class-22(ImageMap)/image/aspnet_imagemap.jpg"
                        onclick="ImageMap1_Click">
                       
                        <asp:RectangleHotSpot AlternateText="Facebook" Bottom="62"
                            HotSpotMode="Navigate" Left="14" NavigateUrl="http://www.facebook.com"
                            Right="152" Target="_blank" Top="11" />

                        <asp:RectangleHotSpot AlternateText="Twitter" Bottom="61"
                            HotSpotMode="Navigate" Left="156" NavigateUrl="http://www.twitter.com"
                            Right="306" Target="_blank" Top="11" />
           
                        <asp:CircleHotSpot AlternateText="WordPress" HotSpotMode="PostBack"
                            PostBackValue="WordPress" Radius="41" X="50" Y="118" />
           
                        <asp:CircleHotSpot AlternateText="BMW" HotSpotMode="PostBack"
                            PostBackValue="BMW" Radius="41" X="155" Y="121" />
     
                        <asp:CircleHotSpot AlternateText="Windows" HotSpotMode="PostBack"
                            PostBackValue="Windows" Radius="44" X="266" Y="122" />
           
                        <asp:PolygonHotSpot AlternateText="Star" HotSpotMode="PostBack"
                            PostBackValue="Star"
                            Coordinates="108,217, 141,210, 157,181, 173,210, 207,217, 184,242, 188,276, 158,261, 127,275, 131,243"
                            NavigateUrl="Star" />

                    </asp:ImageMap>


Code

   protected void ImageMap1_Click(object sender, ImageMapEventArgs e)
    {
 Label1.Text = e.PostBackValue.ToString();

        /*if (e.PostBackValue == "BMW")
        {
            Response.Redirect("bmwdetails.aspx");
        }*/

    }

No comments:

Post a Comment