Image map support
The eCatalog Viewer supports the rendering of image map icons above the main view.
The appearance of map icons is controlled through CSS as described in Image map effect .
Image maps perform one of the following three actions: redirect to an external web page, Info panel pop-up activation, and internal hyperlinks.
Redirect to an external web page
The following is an example of a simple URL redirect:
In this example, the same URL is wrapped with the loadProduct() function:
Info Panel Popup activation
To work with Info panels, an image map has the ROLLOVER_KEY attribute set. Also, set the href attribute at the same time, otherwise the external URL processing interferes with the Info panel pop-up activation.
Finally, be sure that the viewer configuration includes the appropriate values for InfoPanelPopup.template and, optionally, InfoPanelPopup.infoServerUrl parameters.
Clicking on an image map performs an internal page swap inside the viewer. To use that feature, an href attribute in the image map has the following special format:
href=target: * idx *
where * idx * is a zero-based index of the catalog spread.
The following is an example of an href attribute for an image map that points to the 3D spread in the eCatalog: