Effetto mappa immagine

Ultimo aggiornamento: 2023-05-22
  • Argomenti:
  • Dynamic Media Classic
    Visualizza ulteriori informazioni su questo argomento
  • Viewers
    Visualizza ulteriori informazioni su questo argomento
  • SDK/API
    Visualizza ulteriori informazioni su questo argomento
  • eCatalog Search
    Visualizza ulteriori informazioni su questo argomento
  • Creato per:
  • Developer
    User

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
NOTA

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.

NOTA

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);
}

In questa pagina