ImageMap 웹 서버 컨트롤 개요
업데이트: 2007년 11월
ASP.NET ImageMap 컨트롤을 사용하면 사용자가 클릭할 수 있는 핫 스폿이라는 개별 영역이 있는 이미지를 만들 수 있습니다. 이러한 핫 스폿은 각각 별개의 하이퍼링크 또는 포스트백 이벤트가 될 수 있습니다.
이 항목의 내용은 다음과 같습니다.
배경
코드 예제
클래스 참조
배경
ImageMap 컨트롤은 두 부분으로 구성됩니다. 첫 번째는 .gif, .jpg 또는 .png 파일 등의 표준 웹 그래픽 형식으로 된 그래픽 이미지입니다.
두 번째 요소는 HotSpot 컨트롤의 컬렉션입니다. 각 핫 스폿 컨트롤은 CircleHotSpot, RectangleHotSpot 또는 PolygonHotSpot 형식에 속하는 다른 형식의 항목입니다. 각 핫 스폿 컨트롤에 대해 핫 스폿의 위치 및 크기를 지정하는 좌표를 정의합니다. 예를 들어 CircleHotSpot 컨트롤을 만드는 경우 원 중심 및 반지름의 X 및 Y 좌표를 정의합니다.
이미지의 핫 스폿을 필요한 만큼 정의할 수 있습니다. 그래픽 전체가 포함되도록 핫 스폿을 정의하지 않아도 됩니다.
.gif "참고") 참고: |
|---|
겹치는 핫 스폿을 정의할 수도 있습니다. 각 핫 스폿에는 Z 인덱스 값이 있습니다. 사용자가 두 개 이상의 겹치는 핫 스폿에서 정의한 영역을 클릭하면 최상위 Z 순서의 핫 스폿이 선택됩니다. |
사용자 클릭에 응답
사용자가 핫 스폿을 클릭할 때 발생하는 동작을 지정할 수 있습니다. 각 핫 스폿을 해당 핫 스폿에 대해 지정한 URL로 이동하는 하이퍼링크로 구성할 수 있습니다. 또는 사용자가 핫 스폿을 클릭할 때 포스트백을 수행하고 각 핫 스폿에 고유 값을 지정하도록 컨트롤을 구성할 수 있습니다. 포스트백이 수행되면 ImageMap 컨트롤의 Click 이벤트가 발생합니다. 이벤트 처리기에서 각 핫 스폿에 할당된 고유 값을 읽을 수 있습니다.
맨 위로 이동
코드 예제
방법: 웹 페이지에 ImageMap 웹 서버 컨트롤 추가
방법: ImageMap 웹 서버 컨트롤에서 사용자 클릭에 응답
맨 위로 이동
클래스 참조
다음 표에서는 ImageMap 컨트롤과 관련된 클래스를 보여 줍니다.
멤버 |
설명 |
|---|---|
컨트롤의 기본 클래스입니다. |
|
개별 원 핫 스폿을 나타냅니다. |
|
개별 사각형 핫 스폿을 나타냅니다. |
|
개별 다각형 핫 스폿을 나타냅니다. |
맨 위로 이동