FlyoutZoomView.highlightmode flyoutzoomview-highlightmode

[FlyoutZoomView.|<containerId>_flyout.]highlightmode=highlight|cursor[, * showtime *[,onimage|free]]

highlight|cursor
Hiermee geeft u het type navigatieframe op dat u wilt gebruiken. Wanneer deze eigenschap op cursor is ingesteld, gebruikt de component een verwijzingscursor met een vaste grootte. Het is mogelijk dat u verschillende cursorillustraties gebruikt voor desktopsystemen en aanraakapparaten. Deze mogelijkheid wordt beheerd met de CSS-klasse .s7cursor en de input=mouse|touch -kenmerkkiezer. Op desktopsystemen wordt een ankerpunt ingesteld in het midden van het cursorgebied, terwijl op aanraakapparaten het anker zich in het onderste midden van de cursor bevindt. Wanneer de component is ingesteld op highlight , gebruikt de component een navigatieframe van variabele grootte. De grootte en vorm van het frame zijn afhankelijk van de zoomfactor en de grootte van de uitvliegweergave.
showtime

Hiermee stelt u de tijd in (in seconden) waarin de markering of de cursor moet infaden nadat deze door de gebruiker is geactiveerd. Infaden wordt alleen toegepast op aanraakapparaten. Op desktopsystemen wordt dit genegeerd door de component.

Infaden is van toepassing op de volgende UI-elementen: markeringskader, vaste cursor, bedekking (voor het geval dat de parameter overlay is ingesteld op 1 ). Animaties in de Flyout-weergave beginnen pas nadat de animatie voor het vervagen van de markering/cursor is voltooid. Er is geen fade-out animatie. Wanneer de gebruiker de vervolgkeuzelijst deactiveert, worden de bijbehorende UI-elementen (cursor, markering en bedekking) direct verborgen.

onImage|free

Bepaalt de positie van navigatieframes.

Indien ingesteld op onImage , kan het navigatieframe alleen worden geplaatst binnen het daadwerkelijke afbeeldingsgebied binnen de hoofdweergave.

Indien ingesteld op free , kan een gebruiker het navigatieframe overal in het logische hoofdweergavegebied verplaatsen, zelfs buiten de afbeeldingsinhoud.

Eigenschappen section-5526a5d19e7e4ee2a35b1c4816ed4202

Optioneel.

Standaard section-a08032f0fcf041c09e63c0238a339fc9

highlight,0.1,onimage

Voorbeeld section-0338be21edd04ff1a3bed5c8319b61a4

highlightmode=cursor,1,free

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