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.

Consulta Sprite CSS .

width

Spessore indicatore dello zoom.

height

Altezza indicatore dello zoom.

NOTA

L’effetto icona supporta il selettore di attributi media-type , che è possibile utilizzare per applicare diversi effetti icona su diversi dispositivi. In particolare, media-type='standard' corrisponde ai sistemi desktop in cui l'input del mouse viene normalmente utilizzato e media-type='multitouch' corrisponde ai 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