The eCatalog Search 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.
The following is an example of a simple URL redirect:
In this example, the same URL is wrapped with the
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,
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:
* 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: