Suporte ao mapa de imagens

O eCatalog Viewer suporta a renderização de ícones de mapa de imagem acima da visualização principal.

A aparência dos ícones de mapa é controlada pelo CSS, conforme descrito em Efeito do mapa de imagem.

Os mapas de imagem executam uma das três ações a seguir: redirecionar para uma página da Web externa, ativação pop-up do painel Informações e hiperlinks internos.

Redirecionar para uma página da Web externa

O atributo href do mapa de imagem tem um URL para o recurso externo, especificado explicitamente ou vinculado a uma das funções de modelo JavaScript suportadas: loadProduct(), loadProductCW() e loadProductPW().

A seguir está um exemplo de um redirecionamento de URL simples:

href=http://www.adobe.com

Neste exemplo, o mesmo URL é encapsulado com a função loadProduct():

href=javascript:loadProduct("http://www.adobe.com");void(0);

Lembre-se de que quando você adiciona o código JavaScript ao atributo HREF do mapa de imagem, o código é executado no computador do cliente. Portanto, verifique se o código JavaScript está protegido.

Ativação pop-up do painel Informações

Para trabalhar com os painéis Informações, um mapa de imagem tem o conjunto de atributos ROLLOVER_KEY. Além disso, defina o atributo href ao mesmo tempo; caso contrário, o processamento de URL externo interfere na ativação pop-up do painel Informações.

Finalmente, certifique-se de que a configuração do visualizador inclui os valores apropriados para os parâmetros InfoPanelPopup.template e, opcionalmente, InfoPanelPopup.infoServerUrl.

Hiperlinks internos

Clicar em um mapa de imagem executa uma troca de página interna no visualizador. Para usar esse recurso, um atributo href no mapa de imagem tem o seguinte formato especial:

href=target: *idx*

em que *idx* é um índice com base em zero da propagação do catálogo.

A seguir está um exemplo de um atributo href para um mapa de imagem que aponta para a distribuição 3D no eCatalog:

href=target:2