Effetto icona

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.

Proprietà CSS dell'area visualizzatore principale

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

.s7basiczoomviewer .s7zoomview .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.

Consulta Spunti CSS .

width

Larghezza indicatore di zoom.

height

Altezza indicatore di zoom.

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.

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

In questa pagina