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
CSS-Eigenschaft
Beschreibung
background-color
Hintergrundfarbe im hexadezimalen Format der Hauptansicht.
Cursor
Der Cursor wird über der Hauptansicht angezeigt.

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.

recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8