Effetto mappa immagine

A seconda del valore del parametro della modalità , il visualizzatore visualizza le icone della mappa immagine sulla visualizzazione principale in punti in cui le mappe sono originariamente create in Dynamic Media Classic. In alternativa, rende 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:

.s7ecatalogviewer .s7imagemapeffect .s7icon
NOTA

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

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 state selettore di attributi, che puoi utilizzare per applicare skin diversi agli stati delle icone di 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.

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

Vedi anche Supporto mappa immagine.

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

.s7ecatalogviewer .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 solido color , dove larghezza è espresso in pixel e color è impostato come #RRGGBB, RGB(R,G,B) o RGBA(R,G,B,A).

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

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

In questa pagina