Suporte a mapa de imagem

O Visualizador de pesquisa do eCatalog é compatível com a renderização dos ícones de mapa de imagem acima da exibição principal.

A aparência dos ícones de mapa é controlada por meio do 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 externa da Web, ativação pop-up do painel Informações e hiperlinks internos.

Redirecionar para uma página externa da Web

A variável href O atributo do mapa de imagem tem um URL para o recurso externo, especificado explicitamente ou encapsulado em uma das funções de template JavaScript compatíveis: loadProduct(), loadProductCW(), e loadProductPW().

Veja a seguir um exemplo de um simples redirecionamento de URL:

href=http://www.adobe.com

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

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

Observe que quando você adicionar o código JavaScript no HREF do seu mapa de imagem, o código é executado no computador do cliente. Portanto, verifique se o código JavaScript é seguro.

Ativação do pop-up Painel de informações

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

Por fim, verifique se a configuração do visualizador inclui os valores apropriados para InfoPanelPopup.template e, opcionalmente, InfoPanelPopup.infoServerUrl parâmetros.

Hiperlinks internos

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

href=target: *idx*

onde *idx* é um índice baseado em zero da distribuição do catálogo.

Veja a seguir um exemplo de href atributo de um mapa de imagem que aponta para a página espelhada 3D no eCatalog:

href=target:2