Zoom-Ansicht

Im kontinuierlichen Zoommodus besteht die Hauptansicht aus der Ansicht des Zoombilds, wenn es sich bei dem aktuellen Asset um ein einzelnes Bild handelt.

CSS-Eigenschaften des Haupt-Viewer-Bereichs

Das Erscheinungsbild des Anzeigebereichs wird mit der folgenden CSS-Klassenauswahl gesteuert:

.s7mixedmediaviewer .s7zoomview

CSS-Eigenschaft

Beschreibung

background-color

Hintergrundfarbe im hexadezimalen Format der Haupt-Ansicht.

cursor

Der Cursor wird über der Haupt-Ansicht angezeigt.

Beispiel - um die Zoom-Ansicht 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 gezoombar ist.

  • zoomin

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

  • reset

    Wird angezeigt, wenn das Bild den maximalen Zoomgrad erreicht hat und auf den Ausgangszustand zurückgesetzt werden kann.

  • drag

    Wird angezeigt, wenn der Benutzer das Bild verschiebt, das gezoomt ist.

  • slide

    Wird angezeigt, wenn der Benutzer einen Bildtausch durch horizontales Blättern oder Klick durchführt.

Auf dieser Seite

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now