DokumentationDynamic Media Viewers-Referenzhandbuch

Zoom-Ansicht zoom-view

Last update: Tue Dec 31 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Themen:

Erstellt für:

  • Entwickler
  • Benutzende

Die Hauptansicht besteht aus dem vergrößerbaren Bild.

CSS-Eigenschaften des Haupt-Viewer-Bereichs

Das Erscheinungsbild des Anzeigebereichs wird mit dem folgenden CSS-Klassenselektor gesteuert:

.s7zoomviewer .s7zoomview
CSS-Eigenschaft
Beschreibung
-
Hintergrundfarbe im Hexadezimalformat der Hauptansicht.
Cursor-
Cursor über der Hauptansicht angezeigt.

Beispiel - , um die Hauptansicht transparent zu gestalten.

.s7zoomviewer .s7zoomview {
 background-color: transparent;
}

Auf Desktop-Systemen unterstützt die Komponente cursortype Attributauswahl, die auf die .s7zoomview angewendet werden kann. Er steuert den Typ des Cursors auf der Grundlage des Komponentenstatus und der Benutzeraktion. Die folgenden cursortype werden unterstützt:

  • default

    Wird angezeigt, wenn das Bild aufgrund einer geringen Bildauflösung, Komponenteneinstellungen oder beidem nicht zoombar ist.

  • zoomin

    Wird angezeigt, wenn das Bild vergrößert werden kann.

  • reset

    Wird angezeigt, wenn sich das Bild im maximalen Zoombereich befindet und auf den Ausgangszustand zurückgesetzt werden kann.

  • drag

    Wird angezeigt, wenn der/die Benutzende das Bild schwenkt, das vergrößert ist.

  • slide

    Wird angezeigt, wenn Benutzende durch horizontales Wischen oder Klicken einen Bildwechsel durchführen.

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