Effetto icona Visualizzazione zoom

Ultimo aggiornamento: 20 luglio 2024
  • Argomenti:

Creato per:

  • Sviluppatore
  • Utente

L'indicatore di zoom si sovrappone all'area di visualizzazione dello zoom. 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:

.s7mixedmediaviewer .s7zoomview .s7iconeffect
Proprietà CSSDescrizione
immagine di sfondoIllustrazione dell'indicatore di zoom.
background-position

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

Vedere sprite CSS.

larghezzaLarghezza indicatore di zoom.
altezzaAltezza indicatore di zoom.
NOTE
L'effetto Icona supporta il selettore di attributi media-type, che è possibile utilizzare per applicare effetti 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.

.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);
}
recommendation-more-help