FlyoutZoomView.highlightmode flyoutzoomview-highlightmode

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

markeren|cursor
Hiermee geeft u het type navigatieframe op dat u wilt gebruiken. Wanneer ingesteld op cursor gebruikt de component een referentiecursor met een vaste grootte. Het is mogelijk dat u verschillende cursorillustraties gebruikt voor desktopsystemen en aanraakapparaten. Deze mogelijkheid wordt geregeld met .s7cursor CSS-klasse en 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 ingesteld op highlight De component gebruikt 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 bedekking parameter 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 in de hoofdweergave.

Indien ingesteld op vrij een gebruiker kan 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