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

Im kontinuierlichen Zoom-Modus besteht die Hauptansicht aus dem zoombaren Bild, wenn das aktuelle Asset ein einzelnes Bild ist.

CSS-Eigenschaften des Haupt-Viewer-Bereichs

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

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

Beispiel - , um die Zoom-Ansicht transparent zu machen.

.s7mixedmediaviewer .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