Aktiveringspunkter hotspots

Visningsprogrammet visar hotspot-ikoner över huvudvyn på platser där hotspot-områden ursprungligen skapades i Dynamic Media av AEM Assets - on-demand.

CSS-egenskaper för huvudvisningsområdet

Utseendet på hotspot-ikonen styrs med följande CSS-klassväljare:

.s7interactiveimage .s7imagemapeffect .s7icon
CSS-egenskap
Beskrivning
background-image
Ikoner med aktiveringspunkt.
background-position

Placera inuti teckningsspriten, om CSS-sprites används.

Se CSS-fragment.

width
Aktiveringspunktsikonens bredd.
height
Höjd på hotspot-ikon.

Exempel - ställ in en ikon med aktiveringspunkten 56 x 56 pixlar som visar olika bilder för de två olika ikonlägena:

.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