ASP.NET 2.0 には 2 つのグラフィック コントロールが含まれており、1 つは Image コントロール、もう 1 つは ImageMap コントロールです。
1. Image コントロールは、<img /> タグに対応する画像を表示するために使用されます。一般的な Image コントロールの形式は次のとおりです。
<asp:画像
id="imgランダム"
ImageUrl="Picture.gif"
AlternateText="画像"
説明URL=""
GenerateEmptyAlternateText=""
ImageAlign=""/>
id はコントロールを識別するために使用されます。
ImageUrl は画像リンクです。
AlternageText は、画像が表示できない場合に表示されるテキストです。
descriptionUrl は、画像の詳細な説明へのリンクを提供します。
GenerateEmptyAlternateText AlternateText を空に設定します
ImageAlign は、他の HTML 要素に対する相対的な位置を提供するために使用されます。可能な値は、AbsBottom、AbsMiddle、Baseline、Bottom、Left、Middle、NotSet、Right、TextTop、Top です。
2. ImageMap コントロールは画像の表示にも使用できますが、クリックした場所に応じて異なる効果が得られます。一般的な ImageMap コントロールの形式は次のとおりです。
<asp:イメージマップ
id="マップメニュー"
ImageUrl="メニューバー.gif"
HotSpotMode="ポストバック"
Runat="サーバー" OnClick="mapMenu_Click">
<asp:RectangleHotSpot
PostBackValue="ToUpper"
左 = "0"
トップ = "0"
右=100
下 = "30"
AlternateText="大文字に" />
<asp:RectangleHotSpot
PostBackValue="ToLower"
左 = "100"
トップ = "0"
右=「200」
下 = "30"
AlternateText="大文字に" />
<asp:RectangleHotSpot
PostBackValue="消去"
左 = "200"
トップ = "0"
右=「300」
下 = "30"
AlternateText="大文字に" />
</asp:ImageMap>
id と ImageUrl については説明する必要はありません。
<asp:RectangleHotSpot /> は長方形のクリック領域を表します
<asp:PolygonHotSpot /> はポリゴン領域を表します
<asp:CircleHotSpot /> は円形の領域を表します
上記の手順は、画像全体がナビゲーションに使用される場合によく使用されます。
ImageMap は、上記の HotSpotMode="PostBack" および PostBackValue="Erase" のデータを返すことができます。対応する画像領域がクリックされると、イベント mapMenu_Click がトリガーされ、PostBackValue を使用して返された PostBackValue を呼び出すことができます。