Mappe di immagini cliccabile in HTML
Articolo scritto da Luca Ruggiero
Pagina 2 di 2
Pagina 2 di 2
In alto vediamo selezionato il cursore ed a fianco le tre forme: polygon, rect e circle. Io selezionerò la prima e traccerò una mappa intorno al Vesuvio:
- Load Image - carica un'immagine.
- Load Map - carica una mappa precedentemente salvata.
- Deselect Tool - il cursore, permette di deselezionare un'area.
- Polygon Tool - forma astratta.
- Rect Tool - forma quadrata.
- Circle Tool - forma circolare.
- Zoom X2 - zoom sull'immagine, rendendola il doppio di quel che è.
- Move Shape - permette di muovere la selezione dell'area cliccabile.
- Clear Area Map - rimuove la selezione dell'area da rendere cliccabile.
- Setup Option - consente di gestire delle opzioni sull'immagine. Si sconsiglia di utilizzarlo.
- Generate HTML Code - mostra il codice HTML della mappa.
- Help - guida in linea.
Cliccando sull'icona Deselect Tool (rappresentata dal puntatore del mouse, terza nella barra degli strumenti) comparirà una finestra che chiede di assegnare un nome all'area, la URL di destinazione ed il target in cui si aprirà il link:
Possiamo adesso prelevare il codice HTML per testarlo, cliccando sull'icona della barra degli strumenti contrassegnata dalla voce Html:
Si provi a tracciare altre coordinate, di diversa forma, attraverso questo software per testarne il funzionamento su aree cliccabili multiple.
