Effetto icona

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
    Visualizza ulteriori informazioni su questo argomento
  • Creato per:
  • Developer
    User

L'indicatore di zoom si sovrappone all'area di visualizzazione principale. Viene visualizzata quando l’immagine è in stato di ripristino e dipende anche dal parametro iconeffect.

L’aspetto dell’area di visualizzazione è controllato dal seguente selettore di classi CSS:

.s7ecatalogviewer .s7pageview .s7iconeffect

Proprietà CSS

Descrizione

background-image

Illustrazione dell'indicatore di zoom.

background-position

Posizionate all'interno dello sprite del disegno, se vengono utilizzati gli sprite CSS.

Vedi anche Spunti CSS .

width

Larghezza indicatore di zoom in pixel.

height

Altezza indicatore di zoom in pixel.

NOTA

L'effetto Icona supporta media-type selettore di attributi, che può essere utilizzato per applicare effetti di icona diversi a dispositivi diversi. In particolare: media-type='standard' corrisponde ai sistemi desktop in cui viene utilizzato normalmente l'input del mouse e media-type='multitouch' corrisponde ai dispositivi con input tocco.

Esempio: per impostare un indicatore di zoom di 100 x 100 pixel con immagini diverse per i sistemi desktop e i dispositivi touch.

.s7ecatalogviewer .s7pageview .s7iconeffect {
 width: 100px;
 height: 100px;
}
.s7ecatalogviewer .s7pageview .s7iconeffect[media-type='standard'] {
 background-image:url(images/v2/IconEffect_zoom.png);
}
.s7ecatalogviewer .s7pageview .s7iconeffect[media-type='multitouch'] {
 background-image:url(images/v2/IconEffect_pinch.png);
}

In questa pagina