ASP.NET 2.0에는 두 개의 그래픽 컨트롤이 포함되어 있습니다. 하나는 Image이고 다른 하나는 ImageMap 컨트롤입니다.
1. Image 컨트롤은 <img /> 태그에 해당하는 이미지를 표시하는 데 사용됩니다. 일반적인 Image 컨트롤 형식은 다음과 같습니다.
<asp:이미지
id="img랜덤"
ImageUrl="그림.gif"
AlternateText="그림"
설명URL=""
생성EmptyAlternateText=""
이미지정렬=""/>
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="위로"
왼쪽="0"
상단="0"
오른쪽="100"
하단="30"
AlternateText="대문자로" />
<asp:RectangleHotSpot
PostBackValue="아래로"
왼쪽="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를 호출할 수 있습니다.