Effetto mappa immagine

A seconda del valore del parametro della modalità, il visualizzatore visualizza le icone della mappa immagine sulla vista principale in luoghi in cui le mappe sono originariamente create in Dynamic Media Classic o esegue il rendering delle aree esatte che corrispondono alla forma delle mappe immagine originali.

Proprietà CSS dell’area visualizzatore principale

L’aspetto dell’icona mappa immagine è controllato dal seguente selettore di classe CSS:

.s7ecatalogsearchviewer .s7imagemapeffect .s7icon
NOTA

La classe CSS s7mapoverlay utilizzata in passato per assegnare uno stile alle icone delle mappe immagine è ora obsoleta. utilizza invece s7icon .

Proprietà CSS

Descrizione

immagine di sfondo

Immagine icona mappa immagine.

posizione di sfondo

Posizione all’interno dello sprite di un’immagine, se vengono utilizzati gli spriti CSS.

Vedi anche Sprite CSS .

width

Larghezza icona mappa immagine in pixel.

height

Altezza dell'icona della mappa immagine in pixel.

NOTA

L’icona della mappa immagine supporta il selettore di attributi state , che è possibile utilizzare per applicare interfacce diverse agli stati delle icone default e active.

Esempio : imposta un’icona di mappa immagine da 28 x 28 pixel che mostra un’immagine diversa per ciascuno dei due stati dell’icona diversi.

.s7ecatalogsearchviewer .s7imagemapeffect .s7icon { 
 height: 28px; 
 width: 28px;  
 background-image: url(images/v2/ImageMapEffect_dark_up.png); 
} 
.s7ecatalogsearchviewer .s7imagemapeffect .s7icon[state="default"] { 
 opacity: 0.5; 
} 
.s7ecatalogsearchviewer .s7imagemapeffect .s7icon[state="active"] { 
opacity: 1; 
}

Vedere anche Supporto mappa immagine.

L’aspetto dell’area della mappa immagine è controllato con il seguente selettore di classe CSS:

.s7ecatalogsearchviewer .s7imagemapeffect .s7region

Proprietà CSS

Descrizione

sfondo

Colore di riempimento area mappa immagine.

Specificato in formato #RRGGBB, RGB(R,G,B) o RGBA(R,G,B,A).

colore di sfondo

Colore di riempimento area mappa immagine.

Specificato in formato #RRGGBB, RGB(R,G,B) o RGBA(R,G,B,A).

border

Stile del bordo della regione mappa immagine.

Specificato come larghezza tinta unita colore , dove larghezza è espresso in pixel e colore è impostato come #RRGGBB, RGB(R,G,B) o RGBA(R,G,B,A).

Esempio : imposta un'area mappa immagine trasparente con 1 bordo nero pixel :

.s7ecatalogsearchviewer .s7imagemapeffect .s7region { 
 border: 1px solid #000000; 
 background: RGBA(0,0,0,0);  
}

In questa pagina