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

Visual Studio 2010

업데이트: 2007년 11월

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

ImageMap 컨트롤을 추가하려면

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

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

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

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

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

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

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

핫 스폿을 정의하려면

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

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

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

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

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

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

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

표시: