影像地圖支援

eCatalog Search Viewer支援在主檢視上方呈現影像地圖圖示。

影像地圖效果中所述,地圖圖示的外觀由CSS控制。

影像地圖會執行下列三個動作之一:重新導向至外部網頁、「資訊」面板快顯啟動和內部超連結。

重定向至外部網頁

影像映射的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程式碼是安全的。

資訊面板快顯啟動

若要使用「資訊」面板,影像地圖已設定ROLLOVER_KEY屬性。 此外,也可同時設定href屬性,否則外部URL處理會干擾「資訊」面板快顯啟動。

最後,請確定檢視器組態包含InfoPanelPopup.templateInfoPanelPopup.infoServerUrl參數的適當值。

注意

請注意,當您設定「資訊面板彈出畫面」時,傳送至「資訊面板」的HTML程式碼和JavaScript程式碼會在用戶端的電腦上執行。 因此,請確定此類HTML程式碼和JavaScript程式碼是安全的。

內部超連結

按一下影像地圖會在檢視器內執行內部頁面交換。 若要使用該功能,影像地圖中的href屬性會有下列特殊格式:

href=target: *idx*

其中*idx*是目錄跨頁的零基索引。

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

href=target:2

本頁內容

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now