Zoomansicht zoom-view
Die Hauptansicht besteht aus dem zoombaren Bild.
CSS-Eigenschaften des Haupt-Viewer-Bereichs
Das Erscheinungsbild des Anzeigebereichs wird mit der folgenden CSS-Klassenauswahl gesteuert:
.s7zoomviewer .s7zoomview
Beispiel - Um die Hauptansicht transparent zu machen.
.s7zoomviewer .s7zoomview {
background-color: transparent;
}
Auf Desktop-Systemen unterstützt die Komponente cursortype
-Attributauswahl, die auf die .s7zoomview
-Klasse. Er steuert den Typ des Cursors basierend auf dem Komponentenstatus und der Benutzeraktion. Folgendes 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.