Effetto mappa immagine image-map-effect
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
s7mapoverlay utilizzata in passato per assegnare uno stile alle icone della mappa immagine è ora obsoleta. Utilizzare s7icon.Posizionate all'interno dello sprite del disegno, se vengono utilizzati gli sprite CSS.
Vedere anche sprite CSS.
state, che è possibile utilizzare per applicare interfacce diverse 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;
}
Consulta anche Supporto mappa immagine.
L’aspetto dell’area della mappa immagine è controllato dal seguente selettore di classe CSS:
.s7ecatalogsearchviewer .s7imagemapeffect .s7region
Colore riempimento area mappa immagine.
Specificato in formato #RRGGBB, RGB(R,G,B) o RGBA(R,G,B,A).
Colore riempimento area mappa immagine.
Specificato in formato #RRGGBB, RGB(R,G,B) o RGBA(R,G,B,A).
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 pixel di bordo nero:
.s7ecatalogsearchviewer .s7imagemapeffect .s7region {
border: 1px solid #000000;
background: RGBA(0,0,0,0);
}