ASP.NET 2.0包含兩個圖形控件,一個Image,一個是ImageMap控件。
1.Image控制項是用來顯示圖象的,對應<img />標籤,典型的Image控制項格式如下
<asp:Image
id="imgRandom"
ImageUrl="Picture.gif"
AlternateText="Picture"
DescriptionUrl=""
GenerateEmptyAlternateText=""
ImageAlign=""/>
id 是用來標識控制項的,
ImageUrl 是圖片鏈接,
AlternageText 是無法顯示圖片時顯示的文字,
DescriptionUrl 提供一個圖片的詳細說明的鏈接
GenerateEmptyAlternateText 將AlternateText設定為空
ImageAlign 用來提供相對於其他HTML元素的位置,可能的值有 AbsBottom,AbsMiddle,Baseline,Bottom,Left,Middle,NotSet,Right,TextTop,Top
2.ImageMap控件,也可以用來顯示圖象,但根據你點擊的不同位置,可以產生不同的效果,典型的ImageMap控件格式如下
<asp:ImageMap
id="mapMenu"
ImageUrl="MenuBar.gif"
HotSpotMode="PostBack"
Runat="server" OnClick="mapMenu_Click">
<asp:RectangleHotSpot
PostBackValue="ToUpper"
Left="0"
Top="0"
Right="100"
Bottom="30"
AlternateText="To Uppercase" />
<asp:RectangleHotSpot
PostBackValue="ToLower"
Left="100"
Top="0"
Right="200"
Bottom="30"
AlternateText="To Uppercase" />
<asp:RectangleHotSpot
PostBackValue="Erase"
Left="200"
Top="0"
Right="300"
Bottom="30"
AlternateText="To Uppercase" />
</asp:ImageMap>
id,ImageUrl不必解釋了,
<asp:RectangleHotSpot /> 代表長方形點擊區域
<asp:PolygonHotSpot /> 代表多邊形區域
<asp:CircleHotSpot /> 代表圓形區域
上面的程式常常應用在用整個圖片來導航的地方。
ImageMap可以傳回數據,上面的HotSpotMode="PostBack"和PostBackValue="Erase",點擊對應的圖片區域時,事件mapMenu_Click觸發,可以用PostBackValue來呼叫傳回的PostBackValue。