Suporte a mapa de imagem

Última atualização em 2023-05-20
  • Tópicos
  • Dynamic Media Classic
    Exibir mais informações sobre este tópico
  • Viewers
    Exibir mais informações sobre este tópico
  • SDK/API
    Exibir mais informações sobre este tópico
  • eCatalog
    Exibir mais informações sobre este tópico
  • Criado para:
  • Developer
    User

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 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);

Ao adicionar o código JavaScript ao 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.

OBSERVAÇÃO

Quando você configura o Pop-up Painel de Informações, o código HTML e o código JavaScript passados para o Painel de Informações são executados no computador do cliente. Portanto, verifique se esse código de HTML e JavaScript são seguros.

Hiperlinks internos

A seleção de 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

Nesta página