FlyoutZoomView.highlightmode flyoutzoomview-highlightmode

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

destaque|cursor
Especifica o tipo de quadro de navegação a ser usado. Quando definido como cursor , o componente usa um cursor de referência de tamanho fixo. É possível ter diferentes artes de cursor para sistemas de desktop e dispositivos de toque. Esta habilidade é controlada com a classe CSS .s7cursor e o seletor de atributos input=mouse|touch . Em sistemas desktop, um ponto de ancoragem é definido no meio da área de cursor, enquanto em dispositivos de toque a âncora está no centro inferior do cursor. Quando definido como highlight , o componente usa um quadro de navegação de tamanho variável; o tamanho e a forma do quadro dependem do fator de zoom e do tamanho da exibição da imagem suspensa.
showtime

Define o tempo (em segundos) necessário para que o destaque ou cursor apareça gradualmente após ser ativado pelo usuário. O fade in é aplicado apenas em dispositivos de toque; em sistemas de desktop, é ignorado pelo componente.

O desaparecimento gradual se aplica aos seguintes elementos da interface do usuário: quadro de realce, cursor fixo, sobreposição (caso o parâmetro de sobreposição esteja definido como 1 ). A animação da exibição de imagem suspensa começa somente após a conclusão do destaque/cursor. Não há animação de desaparecimento gradual. Quando o usuário desativa a imagem suspensa, os elementos da interface do usuário correspondentes (cursor, destaque e sobreposição) são ocultados instantaneamente.

onimage|free

Controla o posicionamento do quadro de navegação.

Se definido como na imagem , o quadro de navegação só poderá ser posicionado dentro da área de imagem real na exibição principal.

Se definido como livre, o usuário poderá mover o quadro de navegação para qualquer lugar na área de exibição lógica principal, mesmo fora do conteúdo da imagem.

Propriedades section-5526a5d19e7e4ee2a35b1c4816ed4202

Opcional.

Padrão section-a08032f0fcf041c09e63c0238a339fc9

highlight,0.1,onimage

Exemplo section-0338be21edd04ff1a3bed5c8319b61a4

highlightmode=cursor,1,free

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