图像映射支持 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.template 或者, InfoPanelPopup.infoServerUrl 参数。

NOTE
配置信息面板弹出窗口时,传递到信息面板的HTML代码和JavaScript代码将在客户端计算机上运行。 因此,请确保此类HTML代码和JavaScript代码是安全的。

内部超链接 section-6afa4fb2fe564c429e0201f019a95849

选择图像映射会在查看器内执行内部页面交换。 要使用该功能,请 href 图像映射中的属性具有以下特殊格式:

href=target: *idx*

位置 *idx* 是目录跨页的索引(从零开始)。

以下是 href 指向eCatalog中3D跨页的图像映射的属性:

href=target:2

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