A seconda del valore del parametro mode, il visualizzatore visualizza le icone della mappa immagine sopra la vista principale nei punti in cui le mappe sono state originariamente create in Dynamic Media Classic o esegue il rendering di 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
Il s7mapoverlay
La classe CSS utilizzata in passato per assegnare uno stile alle icone delle mappe immagine è ora obsoleta. Utilizzare s7icon
invece.
Proprietà CSS |
Descrizione |
---|---|
background-image |
Illustrazione dell'icona della mappa immagine. |
background-position |
Posizionate all'interno dello sprite del disegno, se vengono utilizzati gli sprite CSS. Vedi anche Spunti CSS . |
width |
Larghezza icona mappa immagine in pixel. |
height |
Altezza icona mappa immagine in pixel. |
L'icona Mappa immagine supporta state
selettore di attributi, che può essere utilizzato per applicare skin diversi agli stati di icona di default
e active
.
Esempio: imposta un’icona di mappa immagine di 28 x 28 pixel che visualizza un’immagine diversa per ciascuno dei due diversi stati delle icone.
.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 dal seguente selettore di classe CSS:
.s7ecatalogsearchviewer .s7imagemapeffect .s7region
Proprietà CSS |
Descrizione |
---|---|
sfondo |
Colore riempimento area mappa immagine. Specificato in formato #RRGGBB, RGB(R,G,B) o RGBA(R,G,B,A). |
background-color |
Colore riempimento area mappa immagine. Specificato in formato #RRGGBB, RGB(R,G,B) o RGBA(R,G,B,A). |
bordo |
Stile bordo area mappa immagine. Specificato come larghezza solido colore , dove larghezza è espresso in pixel e colore è 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);
}