ImageMap 웹 서버 컨트롤 개요

Visual Studio 2010

업데이트: 2007년 11월

ASP.NET ImageMap 컨트롤을 사용하면 사용자가 클릭할 수 있는 핫 스폿이라는 개별 영역이 있는 이미지를 만들 수 있습니다. 이러한 핫 스폿은 각각 별개의 하이퍼링크 또는 포스트백 이벤트가 될 수 있습니다.

이 항목의 내용은 다음과 같습니다.

ImageMap 컨트롤은 두 부분으로 구성됩니다. 첫 번째는 .gif, .jpg 또는 .png 파일 등의 표준 웹 그래픽 형식으로 된 그래픽 이미지입니다.

두 번째 요소는 HotSpot 컨트롤의 컬렉션입니다. 각 핫 스폿 컨트롤은 CircleHotSpot, RectangleHotSpot 또는 PolygonHotSpot 형식에 속하는 다른 형식의 항목입니다. 각 핫 스폿 컨트롤에 대해 핫 스폿의 위치 및 크기를 지정하는 좌표를 정의합니다. 예를 들어 CircleHotSpot 컨트롤을 만드는 경우 원 중심 및 반지름의 X 및 Y 좌표를 정의합니다.

이미지의 핫 스폿을 필요한 만큼 정의할 수 있습니다. 그래픽 전체가 포함되도록 핫 스폿을 정의하지 않아도 됩니다.

ms228207.alert_note(ko-kr,VS.100).gif참고:

겹치는 핫 스폿을 정의할 수도 있습니다. 각 핫 스폿에는 Z 인덱스 값이 있습니다. 사용자가 두 개 이상의 겹치는 핫 스폿에서 정의한 영역을 클릭하면 최상위 Z 순서의 핫 스폿이 선택됩니다.

사용자 클릭에 응답

사용자가 핫 스폿을 클릭할 때 발생하는 동작을 지정할 수 있습니다. 각 핫 스폿을 해당 핫 스폿에 대해 지정한 URL로 이동하는 하이퍼링크로 구성할 수 있습니다. 또는 사용자가 핫 스폿을 클릭할 때 포스트백을 수행하고 각 핫 스폿에 고유 값을 지정하도록 컨트롤을 구성할 수 있습니다. 포스트백이 수행되면 ImageMap 컨트롤의 Click 이벤트가 발생합니다. 이벤트 처리기에서 각 핫 스폿에 할당된 고유 값을 읽을 수 있습니다.

맨 위로 이동

다음 표에서는 ImageMap 컨트롤과 관련된 클래스를 보여 줍니다.

멤버

설명

ImageMap

컨트롤의 기본 클래스입니다.

CircleHotSpot

개별 원 핫 스폿을 나타냅니다.

RectangleHotSpot

개별 사각형 핫 스폿을 나타냅니다.

PolygonHotSpot

개별 다각형 핫 스폿을 나타냅니다.

맨 위로 이동

표시: