Compatibilidad con mapas de imagen

Última actualización: 22 de julio de 2024
  • Temas:

Creado para:

  • Desarrollador
  • Usuario

El visor de búsqueda en el catálogo electrónico admite la representación de iconos de mapa de imagen encima de la vista principal.

El aspecto de los iconos de mapa se controla mediante CSS como se describe en Efecto de mapa de imagen.

Los mapas de imagen realizan una de las tres acciones siguientes: redireccionar a una página web externa, activar el panel de información emergente e hipervínculos internos.

Redirigir a una página web externa

El atributo href del mapa de imagen tiene una dirección URL del recurso externo, especificada explícitamente o incluida en una de las funciones de plantilla de JavaScript admitidas: loadProduct(), loadProductCW() y loadProductPW().

El siguiente es un ejemplo de redireccionamiento de URL simple:

href=http://www.adobe.com

En este ejemplo, la misma dirección URL está ajustada con la función loadProduct():

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

Tenga en cuenta que cuando agrega el código JavaScript al atributo HREF de su mapa de imagen, el código se ejecuta en el equipo del cliente. Por lo tanto, asegúrese de que el código de JavaScript sea seguro.

Activación emergente del panel de información

Para trabajar con paneles de información, un mapa de imagen tiene establecido el atributo ROLLOVER_KEY. Además, establezca el atributo href al mismo tiempo; de lo contrario, el procesamiento de la URL externa interfiere con la activación de la ventana emergente del panel Información.

Finalmente, asegúrese de que la configuración del visor incluye los valores apropiados para InfoPanelPopup.template y, opcionalmente, InfoPanelPopup.infoServerUrl parámetros.

NOTE
Tenga en cuenta que, al configurar el menú emergente del Panel de información, el código del HTML y el código de JavaScript que se pasan al Panel de información se ejecutan en el equipo del cliente. Por lo tanto, asegúrese de que dicho código de HTML y código de JavaScript sean seguros.

Hipervínculos internos

Al hacer clic en un mapa de imagen, se realiza un intercambio de página interno dentro del visor. Para usar esa característica, un atributo href del mapa de imagen tiene el siguiente formato especial:

href=target: *idx*

donde *idx* es un índice de base cero del pliego de catálogos.

A continuación se muestra un ejemplo de un atributo href para un mapa de imagen que señala a la propagación 3D en el catálogo electrónico:

href=target:2

Página anteriorLocalización de elementos de la interfaz de usuario
Página siguienteAdministración de etiquetas de página

Experience Manager