影像地圖支援 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*是目錄分配的索引(從零開始)。

下列是指向eCatalog中3D跨頁的影像地圖的href屬性範例:

href=target:2

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