방법: 웹 페이지에 ImageMap 웹 서버 컨트롤 추가

업데이트: 2007년 11월

ImageMap 컨트롤은 사용자가 개별적으로 클릭할 수 있는 핫 스폿이 포함된 그래픽을 만듭니다. ImageMap 컨트롤을 만들려면 컨트롤을 만들고 이미지를 지정한 다음 핫 스폿을 개별적으로 정의합니다.

ImageMap 컨트롤을 추가하려면

1. 도구 상자의 표준 탭에서 ImageMap 컨트롤을 페이지로 끌어 옵니다.

2. 속성 창에서 컨트롤의 ImageUrl 속성을 표시할 그래픽의 URL로 설정합니다.

   참고:
   속성 상자의 단추를 클릭하여 이미지 선택 대화 상자를 표시합니다.

3. 필요한 경우 컨트롤의 HotSpotMode 속성을 사용하여, 핫 스폿을 클릭하면 다른 페이지로 이동할지 또는 페이지의 포스트백을 수행할지 여부를 설정합니다.

   참고:
   각 핫 스폿에 대해 컨트롤 수준의 설정을 재정의할 수 있습니다.

핫 스폿을 정의하려면

1. 속성 창에서 HotSpots 속성 상자를 클릭하여 HotSpot 컬렉션 편집기 대화 상자를 표시합니다.

2. 추가 단추 옆의 화살표 단추를 클릭하여 만들려는 핫 스폿 형식(CircleHotSpot, RectangleHotSpot, PolygonHotSpot)을 선택합니다.

3. 각 핫 스폿에 대해 다음 표에 나열된 대로 속성 표를 사용하여 핫 스폿 좌표를 지정합니다.

   핫 스폿 형식	좌표
   CircleHotSpot	Radius
   RectangleHotSpot	Top
   PolygonHotSpot	Coordinates

4. 컨트롤의 HotSpotMode 설정을 재정의하려면 각 핫 스폿의 HotSpotMode 속성을 사용하여, 핫 스폿을 클릭할 때 다른 페이지로 이동할지 또는 페이지의 포스트백을 수행할지 여부를 설정합니다.

5. 핫 스폿이 다른 페이지로 이동하도록 설정된 경우 핫 스폿의 href 속성을 지정합니다.

6. 핫 스폿이 페이지를 포스트백을 수행하도록 설정된 경우에는 핫 스폿의 PostBackValue 속성을 사용하여 클릭된 핫 스폿에 대한 정보를 제공합니다. 이 값은 Click 이벤트 처리기에서 읽을 수 있습니다.

7. 핫 스폿 정의를 마쳤으면 확인을 클릭합니다.

참고 항목

작업

방법: ImageMap 웹 서버 컨트롤에서 사용자 클릭에 응답

개념

ImageMap 웹 서버 컨트롤 개요