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.
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.
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
.
Ao configurar o Pop-up do painel Informações, o código HTML e o código JavaScript passados para o Painel Informações são executados no computador do cliente. Portanto, verifique se o código HTML e o código JavaScript estão protegidos.
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