Inserimento immagini mappate

Le immagini mappate sono quelle immagini che presentano aree sensibili al click del mouse. Aree che rappresentano quindi dei link.
Per attribuire una mappatura ad una immagine occorre fare seguire al tag "IMG SRC" il parametro "usemap" nel modo seguente:
< IMG SRC="nome file" usemap="#nome_mappa" >

Da notare l'importanza del segno # che deve essere presente.
La mappa a cui fara' riferimento l'immagine e' data dal seguente codice:

< MAP NAME="nome_mappa">
< AREA SHAPE="RECT" COORDS=" 0, 0, 131, 20" HREF="nome_file" >
< AREA SHAPE="CIRCLE" COORDS=" 50, 25, 10" HREF="nome_file" >
< AREA SHAPE="POLYGON" COORDS=" 0, 0, 131, 0, 141, 80, 92, 76, 66, 67, 20, 66, 0, 85" HREF="nome_file" >
< /MAP>

Per le aree rettangolari occorre definire le coordinate degli angoli superiore sinistro e inferiore destro
Per le aree circolari bisogna definire le coordinate del centro e la lunghezza del raggio
Per le aree poligonali occorre definire le coordinate di tutti gli angoli
Le coordinate vanno indicate separate da una virgola (x, y, x, y, x, y, ecc.) e devono essere espresse in pixel. Lo zero si trova nell'angolo superiore sinistro dell'immagine e qualsiasi decente programma di grafica e' in grado di fornire le coordinate richieste.

Home