Zoom-Ansicht zoom-view
Im kontinuierlichen Zoommodus besteht die Hauptansicht aus dem Zoombild, wenn das aktuelle Asset ein einzelnes Bild ist.
CSS-Eigenschaften des Haupt-Viewer-Bereichs
Das Erscheinungsbild des Anzeigebereichs wird mit der folgenden CSS-Klassenauswahl gesteuert:
.s7mixedmediaviewer .s7zoomview
Beispiel - um die Zoomansicht transparent zu machen.
.s7mixedmediaviewer .s7zoomview {
background-color: transparent;
}
Auf Desktop-Systemen unterstützt die Komponente die Attributauswahl cursortype
, die auf die Klasse .s7zoomview
angewendet werden kann. Er steuert den Typ des Cursors basierend auf dem Komponentenstatus und der Benutzeraktion. Die folgenden cursortype
-Werte werden unterstützt:
-
default
Wird angezeigt, wenn das Bild aufgrund einer geringen Bildauflösung, Komponenteneinstellungen oder beidem nicht vergrößert werden kann.
-
zoomin
Wird angezeigt, wenn das Bild vergrößert werden kann.
-
reset
Wird angezeigt, wenn sich das Bild auf einem maximalen Zoomfaktor befindet und auf seinen ursprünglichen Status zurückgesetzt werden kann.
-
drag
Wird angezeigt, wenn der Benutzer das Bild schaltet, das gezoomt ist.
-
slide
Wird angezeigt, wenn der Benutzer einen Bildtausch durch horizontales Wischen oder Klick durchführt.