이미지 맵 지원

eCatalog 뷰어는 기본 보기 위에 있는 이미지 맵 아이콘 렌더링을 지원합니다.

맵 아이콘의 모양은 이미지 맵 효과에 설명된 대로 CSS를 통해 제어됩니다.

이미지 맵은 다음 세 가지 작업 중 하나를 수행합니다. 외부 웹 페이지, 정보 패널 팝업 활성화 및 내부 하이퍼링크로 리디렉션합니다.

외부 웹 페이지로 리디렉션

이미지 맵의 href 속성에는 명시적으로 지정하거나 지원되는 JavaScript 템플릿 함수 중 하나에 래핑된 외부 리소스에 대한 URL이 있습니다. loadProduct(), loadProductCW()loadProductPW().

다음은 단순 URL 리디렉션의 예입니다.

href=http://www.adobe.com

이 예에서 동일한 URL은 loadProduct() 함수로 래핑됩니다.

href=javascript:loadProduct("http://www.adobe.com");void(0);

이미지 맵의 HREF 속성에 JavaScript 코드를 추가하면 코드가 클라이언트의 컴퓨터에서 실행됩니다. 따라서 JavaScript 코드가 안전한지 확인하십시오.

정보 패널 팝업 활성화

정보 패널을 사용하여 작업하려면 이미지 맵에 ROLLOVER_KEY 속성이 설정되어 있습니다. 또한 href 속성을 동시에 설정해야 합니다. 그렇지 않으면 외부 URL 처리가 [정보] 패널 팝업 활성화를 방해합니다.

마지막으로 뷰어 구성에 InfoPanelPopup.template 및 선택적 InfoPanelPopup.infoServerUrl 매개 변수에 대한 적절한 값이 포함되어 있는지 확인합니다.

노트

정보 패널 팝업을 구성할 때 정보 패널에 전달된 HTML 코드와 JavaScript 코드가 클라이언트의 컴퓨터에서 실행됩니다. 따라서 이러한 HTML 코드와 JavaScript 코드가 안전한지 확인하십시오.

내부 하이퍼링크

이미지 맵을 클릭하면 뷰어 내에서 내부 페이지 교환이 수행됩니다. 이 기능을 사용하려면 이미지 맵의 href 속성에 다음과 같은 특수 형식이 있습니다.

href=target: *idx*

여기서 *idx*는 카탈로그 스프레드의 0기반 색인입니다.

다음은 eCatalog의 3D 스프레드를 가리키는 이미지 맵에 대한 href 속성의 예입니다.

href=target:2

이 페이지에서는