Punti attivi

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); 
}

In questa pagina