Hotspot Image (03_06)
Das Modul „Hotspot Image“ zeigt ein Bild, auf dem interagierbare „Hotspots“ positioniert werden können. Diese Hotspots können entweder ein Layer (kleines Fenster) oder einen Link öffnen. Den Layern werden Beschreibungen zugeordnet, die bei Interaktion mit dem Hotspot eingeblendet werden. Die Interaktion mit den Hotspots erfolgt wahlweise per Klick oder per Mouseover. Das Modul eignet sich besonders zur Darstellung und Beschreibung von detaillierten technischen Visualisierungen.

Hotspot-Image im Contentbereich
So funktioniert das Modul
Das Modul besteht aus folgenden Komponenten: | |
1. Bild | Auflösung: width 1334px |
Kategorie und Überschrift | - optional - Text wird in Bluestripes auf dem Bild platziert |
2. Allgemeine Einstellungen für Hotspots | - gilt für alle Hotspots - kann individuell pro Hotspot überschrieben werden |
Darstellung | |
Form | Kreis oder Rechteck |
Breite & Höhe | Angabe in Pixeln oder Prozent möglich |
Rotation | Rotation des Hotspots um die eigene Achse (in Grad) |
Farbe | - Transparent (Nur im CMS sichtbar) - Primärfarbe des Projekts (Standard: Blau) - Sekundärfarbe des Projekts (Standard: Dunkelblau) - Primäre Signalfarbe des Projekts (Standard: Orange) - Rot - Grün - Türkis |
Event | |
Klick Event | Was soll geschehen wenn der Hotspot ausgelöst wird? - öffnet Layer - öffnet Link |
Link | Nur vorhanden wenn der Hotspot einen Link öffnet - alle Arten von Links möglich - wird immer per Klick ausgelöst |
Auslöser | Nur vorhanden wenn der Hotspot ein Layer öffnet Wann soll das Layer geöffnet werden? - bei Klick - bei Mouseover |
2. Hotspots | beliebig viele (Hinweis: In der mobilen Ansicht wird aus den Hotspots ein Slider mit Sprungmarken als Buttons) |
Position des Hotspots | Angabe in Prozent von linker oberer Ecke des Bildes |
Hotspot individuell anpassen | - wenn ausgewählt kann die Darstellung des Hotspots individuell angepasst werden - Optionen gleichen den allgemeinen Einstellungen - wenn nicht ausgewählt wird allgemeine Einstellung verwendet |
Hotspot-Event | - kann individuell angepasst werden - Optionen gleichen allgemeinen Einstellungen |
Layer | |
Text | - Überschrift - Unterüberschrift - Freitextfeld ohne Formatierungsmöglichkeiten |
Link | - optional - internal oder external - mehrere Links möglich |
Das Modul kann in folgenden Templates und Seitenbereichen eingesetzt werden:

Der blaue Bereich gibt an, dass das Modul anwendbar ist.
Vermaßte Screenshots