Der Zoom-Indikator wird im Hauptansichtsbereich überlagert. Sie wird angezeigt, wenn das Bild sich in einem Reset-Status befindet und auch vom iconffekt-Parameter abhängig ist.
CSS-Eigenschaften des Haupt-Viewer-Bereichs
Das Erscheinungsbild des Anzeigebereichs wird mit der folgenden CSS-Klassenauswahl gesteuert:
.s7basiczoomviewer .s7zoomview .s7iconeffect
CSS-Eigenschaft |
Beschreibung |
---|---|
background-image |
Zoom-Indikatorgrafik. |
background-position |
Position innerhalb des Bildsprites, wenn CSS-Sprites verwendet werden. Siehe CSS-Sprites . |
width |
Zoom-Indikatorbreite. |
height |
Zoomanzeigenhöhe. |
Symboleffekt unterstützt media-type
-Attributauswahl, mit der Sie verschiedene Symboleffekte auf verschiedene Geräte anwenden können. Insbesondere media-type='standard'
entspricht Desktop-Systemen, bei denen normalerweise die Mauseingabe verwendet wird, und media-type='multitouch'
entspricht Geräten mit Touch-Eingabe.
Beispiel: Einrichten eines Zoom-Indikators mit einer Größe von 100 x 100 Pixel mit unterschiedlichen Grafiken für Desktop-Systeme und Touch-Geräte.
.s7basiczoomviewer .s7zoomview .s7iconeffect {
width: 100px;
height: 100px;
}
.s7basiczoomviewer .s7zoomview .s7iconeffect[media-type='standard'] {
background-image:url(images/v2/IconEffect_zoom.png);
}
.s7basiczoomviewer .s7zoomview .s7iconeffect[media-type='multitouch'] {
background-image:url(images/v2/IconEffect_pinch.png);
}