You are using Internet Explorer 11 or earlier, this browser is no longer supported by this website. We suggest to use a modern browser.

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 - Modulansicht

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
FormKreis oder Rechteck
Breite & HöheAngabe in Pixeln oder Prozent möglich
RotationRotation 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 EventWas soll geschehen wenn der Hotspot ausgelöst wird?
- öffnet Layer
- öffnet Link
LinkNur vorhanden wenn der Hotspot einen Link öffnet
- alle Arten von Links möglich
- wird immer per Klick ausgelöst
AuslöserNur vorhanden wenn der Hotspot ein Layer öffnet
Wann soll das Layer geöffnet werden?
- bei Klick
- bei Mouseover
2. Hotspotsbeliebig viele (Hinweis: In der mobilen Ansicht wird aus den Hotspots ein Slider mit Sprungmarken als Buttons)
Position des HotspotsAngabe 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:

Template und Seitenbereich: Hotspot Image

Der blaue Bereich gibt an, dass das Modul anwendbar ist.

Vermaßte Screenshots

Hotspot Image: Vermaßung Desktop
Desktop
Hotspot Image: Vermaßung Tablet
Tablet
Hotspot Image: Vermaßung Mobile
Mobile