Aktiveringspunkter och bildscheman hotspots-and-image-maps
Visningsprogrammet visar hotspot-ikoner över huvudvyn på platser där hotspot-områden ursprungligen skapades i Dynamic Media of AEM Assets - on-demand.
CSS-egenskaper för huvudvisningsområdet
Utseendet på hotspot-ikonen styrs med följande CSS-klassväljare:
.s7carouselviewer .s7imagemapeffect .s7icon
Placera inuti teckningsspriten, om CSS-sprites används.
Se CSS-fragment.
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);
}
CSS-egenskaper för bildschemaområdet
Utseendet på bildschemaområdet styrs med följande CSS-klassväljare:
.s7carouselviewer .s7imagemapeffect .s7region
Fyllningsfärg för bildschemaområde.
Ange den här färgen i formaten #RRGGBB , RGB(R,G,B) eller RGBA(R,G,B,A) .
Fyllningsfärg för bildschemaområde.
Ange den här färgen i formaten #RRGGBB , RGB(R,G,B) eller RGBA(R,G,B,A) .
Exempel - ställ in ett genomskinligt bildschemaområde med en svart kant på en pixel:
.s7carouselviewer .s7imagemapeffect .s7region {
border: 1px solid #000000;
background: RGBA(0,0,0,0);
}