DocumentatieNaslaggids voor dynamische mediasviewers

Zoomweergave zoom-view

Last update: Fri Aug 15 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Onderwerpen:

Gemaakt voor:

  • Ontwikkelaar
  • Gebruiker

De hoofdweergave bestaat uit de afbeelding waarop kan worden ingezoomd.

CSS eigenschappen van het belangrijkste viewergebied

De vormgeving van het weergavegebied wordt bepaald door de volgende CSS-klassenkiezer:

.s7zoomviewer .s7zoomview
CSS-eigenschap
Beschrijving
background-color
Achtergrondkleur in hexadecimale notatie van de hoofdweergave.
cursor
De cursor wordt weergegeven over de hoofdweergave.

Voorbeeld - De hoofdweergave transparant maken.

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

Op desktopsystemen ondersteunt de component de cursortype -kenmerkkiezer die op de .s7zoomview -klasse kan worden toegepast. Het controleert het type van de curseur die op componentenstaat en gebruikersactie wordt gebaseerd. De volgende cursortype -waarden worden ondersteund:

  • default

    Wordt weergegeven wanneer op de afbeelding niet kan worden ingezoomd vanwege een kleine afbeeldingsresolutie, componentinstellingen of beide.

  • zoomin

    Wordt weergegeven wanneer op de afbeelding kan worden ingezoomd.

  • reset

    Wordt weergegeven wanneer de afbeelding op het maximale zoomniveau is en kan worden teruggezet op de oorspronkelijke toestand.

  • drag

    Wordt weergegeven wanneer de gebruiker de afbeelding pant die is ingezoomd.

  • slide

    Wordt weergegeven wanneer de gebruiker de afbeelding omwisselt door een horizontale veegbeweging of tikbeweging uit te voeren.

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