图像映射支持

上次更新: 2023-05-26
  • 创建对象:
  • Developer
    User

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

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

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

重定向到外部网页

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代码是安全的。

信息面板弹出窗口激活

要使用信息面板,图像映射具有 ROLLOVER_KEY 属性集。 此外,请设置 href 属性,否则外部URL处理会干扰信息面板弹出窗口激活。

最后,确保查看器配置中包含适当的值 InfoPanelPopup.template 或者, InfoPanelPopup.infoServerUrl 参数。

注意

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

内部超链接

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

href=target: *idx*

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

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

href=target:2

在此页面上