Aktiveringspunkter och bildscheman
Skapat för:
- Utvecklare
- Användare
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:
.s7carouselviewer .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);
}
CSS-egenskaper för bildschemaområdet
Utseendet på bildschemaområdet styrs med följande CSS-klassväljare:
.s7carouselviewer .s7imagemapeffect .s7region
| CSS-egenskap | Beskrivning |
|---|---|
| background |
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) . |
| background-color |
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) . |
| kant | Områdesformat för bildschemat. Ska anges som width solid color , där width uttrycks i pixlar och color anges som #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);
}