Supporto mappa immagine image-map-support
Il visualizzatore di ricerca eCatalog supporta il rendering delle icone di mappa immagine sopra la vista 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
Il href
L’attributo della mappa immagine ha un URL per la risorsa esterna, specificato in modo esplicito o racchiuso in una delle funzioni di modello 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 loadProduct()
funzione:
href=javascript:loadProduct("http://www.adobe.com");void(0);
Tieni presente che quando aggiungi il codice JavaScript al 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 lavorare con i pannelli Info, una mappa immagine presenta ROLLOVER_KEY
set di attributi. Inoltre, imposta href
allo stesso tempo, altrimenti l’elaborazione dell’URL esterno interferisce con l’attivazione a comparsa del pannello Info.
Infine, assicurati che la configurazione del visualizzatore includa i valori appropriati per InfoPanelPopup.template
e, facoltativamente InfoPanelPopup.infoServerUrl
parametri.
Collegamenti ipertestuali interni section-6afa4fb2fe564c429e0201f019a95849
Facendo clic su una mappa immagine si esegue uno scambio di pagine interno al visualizzatore. Per utilizzare questa funzione, è necessario href
l'attributo 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 href
attributo per una mappa immagine che punta alla pagina 3D nell'eCatalog:
href=target:2