图像映射支持 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*
是目录跨页的索引(从零开始)。
以下是eCatalog中指向3D跨页的图像映射的href
属性示例:
href=target:2
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8