图像映射支持 image-map-support

eCatalog搜索查看器支持在主视图上方呈现图像映射图标。

映射图标的外观通过CSS进行控制,如图像映射效果中所述。

图像映射执行以下三个操作之一:重定向到外部网页、“信息”面板弹出激活以及内部超链接。

重定向到外部网页 section-32ebe3c3a7f74892a428c5d48801de4d

图像映射的href属性具有指向外部资源的URL,该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.templateInfoPanelPopup.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