Effetto icona icon-effect

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:

.s7zoomviewer .s7zoomview .s7iconeffect
Proprietà CSS
Descrizione
immagine di sfondo
Illustrazione dell'indicatore di zoom.
background-position

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

Vedere sprite CSS.

larghezza
Larghezza indicatore di zoom.
altezza
Altezza 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.

.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