Il visualizzatore visualizza le icone dei punti attivi sopra la visualizzazione principale nei luoghi in cui i punti attivi sono stati originariamente creati in Dynamic Media di AEM Assets - on-demand.
Proprietà CSS dell’area visualizzatore principale
L’aspetto dell’icona del punto attivo è controllato con il seguente selettore di classe CSS:
.s7interactiveimage .s7imagemapeffect .s7icon
Proprietà CSS |
Descrizione |
---|---|
immagine di sfondo |
Immagine icona punto attivo. |
posizione di sfondo |
Posizionare all’interno dello sprite dell’immagine, se vengono utilizzati gli spriti CSS. Consulta Sprite CSS . |
width |
Larghezza icona punto attivo. |
height |
Altezza icona punto attivo. |
Esempio : imposta un’icona punto attivo da 56 x 56 pixel che mostra un’immagine diversa per ciascuno dei due stati dell’icona:
.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);
}