DokumentationDynamic Media Viewer-Referenzhandbuch

Unterstützung von Imagemaps image-map-support

Last update: Sat Jul 20 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Themen:

Erstellt für:

  • Entwickler
  • Benutzende

Der E-Katalog-Viewer unterstützt das Rendern von Imagemap-Symbolen über der Hauptansicht.

Das Erscheinungsbild von Zuordnungssymbolen wird über CSS gesteuert, wie unter Bildarteffekt beschrieben.

Bei Imagemaps wird eine der folgenden drei Aktionen ausgeführt: Umleitung zu einer externen Webseite, Popup-Aktivierung des Info-Bedienfelds und interne Hyperlinks.

Zu einer externen Webseite umleiten section-32ebe3c3a7f74892a428c5d48801de4d

Das Attribut href der Imagemap hat eine URL zur externen Ressource, die entweder explizit angegeben oder in eine der unterstützten JavaScript-Vorlagenfunktionen eingeschlossen ist: loadProduct(), loadProductCW() und loadProductPW().

Im Folgenden finden Sie ein Beispiel für eine einfache URL-Umleitung:

href=http://www.adobe.com

In diesem Beispiel wird dieselbe URL mit der Funktion loadProduct() umschlossen:

href=javascript:loadProduct("http://www.adobe.com");void(0);

Wenn Sie den JavaScript-Code zum Attribut HREF Ihrer Imagemap hinzufügen, wird der Code auf dem Computer des Clients ausgeführt. Stellen Sie daher sicher, dass der JavaScript-Code sicher ist.

Für die Verwendung mit Info-Bedienfeldern ist für eine Imagemap das Attribut ROLLOVER_KEY festgelegt. Legen Sie außerdem das Attribut href gleichzeitig fest. Andernfalls stört die externe URL-Verarbeitung die Popup-Aktivierung des Bedienfelds "Info".

Stellen Sie schließlich sicher, dass die Viewer-Konfiguration die entsprechenden Werte für die Parameter InfoPanelPopup.template und optional InfoPanelPopup.infoServerUrl enthält.

NOTE
Wenn Sie das Popup für das Infofeld konfigurieren, werden der HTML-Code und der an das Infofeld übergebene JavaScript-Code auf dem Clientcomputer ausgeführt. Stellen Sie daher sicher, dass dieser HTML-Code und JavaScript-Code sicher sind.

Beim Auswählen einer Imagemap wird innerhalb des Viewers ein interner Seitenaustausch durchgeführt. Um diese Funktion zu verwenden, hat ein href -Attribut in der Imagemap das folgende spezielle Format:

href=target: *idx*

Wobei *idx* ein nullbasierter Index des Katalogspreads ist.

Im Folgenden finden Sie ein Beispiel für ein href -Attribut für eine Imagemap, die auf den 3D-Stream im eCatalog verweist:

href=target:2

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