Supporto mappa immagine image-map-support

Il visualizzatore eCatalog supporta il rendering delle icone delle mappe immagine sopra la visualizzazione principale.

L'aspetto delle icone delle mappe è controllato tramite CSS come descritto in Effetto mappa immagine.

Le mappe immagine eseguono una delle tre azioni seguenti: reindirizzare a una pagina Web esterna, attivare la finestra a comparsa del pannello Info e i collegamenti ipertestuali interni.

Reindirizza a una pagina web esterna section-32ebe3c3a7f74892a428c5d48801de4d

L'attributo href della mappa immagine ha un URL per la risorsa esterna, specificato in modo esplicito o racchiuso in una delle funzioni del modello di JavaScript supportate: loadProduct(), loadProductCW() e loadProductPW().

Di seguito è riportato un esempio di reindirizzamento URL semplice:

href=http://www.adobe.com

In questo esempio, lo stesso URL viene racchiuso con la funzione loadProduct():

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

Quando si aggiunge il codice JavaScript all'attributo HREF della mappa immagine, il codice viene eseguito sul computer del client. Di conseguenza, assicurati che il codice JavaScript sia sicuro.

Attivazione popup pannello Info section-7aa036420af646d1ad8cdc388add0b57

Per utilizzare i pannelli Info, per una mappa immagine è impostato l'attributo ROLLOVER_KEY. Inoltre, impostare l'attributo href contemporaneamente, altrimenti l'elaborazione dell'URL esterno interferisce con l'attivazione a comparsa del pannello Info.

Verificare infine che la configurazione del visualizzatore includa i valori appropriati per InfoPanelPopup.template e, facoltativamente, InfoPanelPopup.infoServerUrl parametri.

Collegamenti ipertestuali interni section-6afa4fb2fe564c429e0201f019a95849

Quando si seleziona una mappa immagine viene eseguito uno scambio di pagine interno nel visualizzatore. Per utilizzare questa funzione, un attributo href nella mappa immagine ha il seguente formato speciale:

href=target: *idx*

Dove *idx* è un indice in base zero della distribuzione del catalogo.

Di seguito è riportato un esempio di attributo href per una mappa immagine che punta alla distribuzione 3D nell'eCatalog:

href=target:2