이미지 맵 지원 image-map-support

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

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

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

외부 웹 페이지로 리디렉션 section-32ebe3c3a7f74892a428c5d48801de4d

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

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

href=http://www.adobe.com

이 예제에서 동일한 URL은 loadProduct() 함수:

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

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

정보 패널 팝업 활성화 section-7aa036420af646d1ad8cdc388add0b57

정보 패널을 사용하여 작업하려면 이미지 맵에 ROLLOVER_KEY 속성 집합입니다. 또한 다음을 설정합니다. href 속성을 동시에 지정하면 외부 URL 처리가 정보 패널 팝업 활성화를 방해합니다.

마지막으로 뷰어 구성에 다음에 대한 적절한 값이 포함되어 있는지 확인하십시오. InfoPanelPopup.template 그리고 선택적으로 InfoPanelPopup.infoServerUrl 매개 변수.

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

내부 하이퍼링크 section-6afa4fb2fe564c429e0201f019a95849

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

href=target: *idx*

위치 *idx* 는 카탈로그 스프레드의 0을 기반으로 하는 색인입니다.

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

href=target:2

recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8