Icona, effetto icon-effect
L'indicatore di zoom è sovrapposto all'area di visualizzazione principale. 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 la seguente classe CSS selettore:
.s7zoomviewer .s7zoomview .s7iconeffect
Proprietà CSS
Descrizione
immagine di sfondo
Zoom illustrazione dell'indicatore.
posizione sfondo
Posizione all'interno dello sprite dell'illustrazione, se vengono utilizzati sprite CSS.
Vedere CSS Sprite.
Larghezza
Zoom larghezza dell'indicatore.
altezza
Zoom altezza dell'indicatore.
NOTE
L'effetto Icona supporta il
media-type selettore attributo, che puoi usare per applicare diversi effetti di icone su dispositivi diversi. In particolare, media-type='standard' corrisponde ai sistemi desktop in cui viene normalmente utilizzato l'input del mouse 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 sistemi desktop e dispositivi touch.
.s7zoomviewer .s7zoomview .s7iconeffect {
width: 100px;
height: 100px;
}
.s7zoomviewer .s7zoomview .s7iconeffect[media-type='standard'] {
background-image:url(images/v2/IconEffect_zoom.png);
}
.s7zoomviewer .s7zoomview .s7iconeffect[media-type='multitouch'] {
background-image:url(images/v2/IconEffect_pinch.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8