Hotspots hotspots

Der Viewer zeigt Hotspot-Symbole über der Hauptansicht an den Stellen an, an denen Hotspots ursprünglich in Dynamic Media oder AEM Assets erstellt wurden - On-Demand.

CSS-Eigenschaften des Haupt-Viewer-Bereichs

Das Erscheinungsbild des Hotspot-Symbols wird mit dem folgenden CSS-Klassenselektor gesteuert:

.s7interactiveimage .s7imagemapeffect .s7icon
CSS-Eigenschaft
Beschreibung
Hintergrundbild-
Hotspot-Symbol für Bildmaterial.
Hintergrundposition

Positionieren Sie sie innerhalb des Bildsets, wenn CSS-Sprites verwendet werden.

Siehe von CSS-Sprites.

Breite
Breite des Hotspot-Symbols
Höhe
Höhe des Hotspot-Symbols

Beispiel : Richten Sie ein Hotspot-Symbol mit 56 x 56 Pixeln ein, das für jeden der beiden verschiedenen Symbolstatus ein anderes Bild anzeigt:

.s7interactiveimage .s7imagemapeffect .s7icon {
 background-image: url(images/v2/imagemap/ImageMapEffect_icon1_light_up_touch.png);
 width: 56px;
 height: 56px;
}
.s7interactiveimage .s7imagemapeffect .s7icon:hover {
 background-image: url(images/v2/imagemap/ImageMapEffect_icon1_light_over_touch.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8