Effetto icona visualizzazione zoom

L'indicatore dello zoom viene sovrapposto all'area di visualizzazione dello zoom. Viene visualizzato quando l’immagine è in uno stato di reset e dipende anche dal parametro iconeffect.

Proprietà CSS dell’area visualizzatore principale

L’aspetto dell’area di visualizzazione è controllato con il seguente selettore di classe CSS:

.s7mixedmediaviewer .s7zoomview .s7iconeffect

Proprietà CSS

Descrizione

immagine di sfondo

Grafico indicatore dello zoom.

posizione di sfondo

Posizione all’interno dello sprite di un’immagine, se vengono utilizzati gli spriti CSS.

Vedi Sprite CSS .

width

Spessore indicatore dello zoom.

height

Altezza indicatore dello zoom.

NOTA

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

Esempio: per impostare un indicatore di zoom da 100 x 100 pixel con grafica diversa per i sistemi desktop e i dispositivi touch.

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

In questa pagina