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
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. |
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.
.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;
}
Vedi 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 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 :
.s7ecatalogsearchviewer .s7imagemapeffect .s7region {
border: 1px solid #000000;
background: RGBA(0,0,0,0);
}