|
Le mappe d'immagine sono delle mappe costituite da un'immagine sulla cui area sono disposti diversi link. L'esempio più eclatante è la penisola italiana: cliccando, ad esempio, sull'immagine del Lazio si verrà indirizzati verso le pagine inerenti al Lazio; al contrario, cliccando sull'immagine della Sardegna si verrà indirizzati verso le pagine inerenti alla Sardegna.
Ecco un esempio (è stata definita l'area dell'immagine da mappare, e inserita la mappa da usare, (''map1)'', all'interno del tag immagine):
<body>
<code>
<nowiki>
<AREA HREF="pagina.html" ALT="Pagina" TITLE="Pagina" SHAPE=RECT COORDS="6,116,97,184"> ▼ </MAP>
<img src="immaginedamappare.jpg" usemap="#map1"> ▼ </nowiki>
</code>
</body>
=== Lato server ===
Per server side image map si intendono immagini cliccabili eseguite dal lato server.
Quando l'utente clicca su un'area dell'immagine le coordinate del punto vengono inviate al server che, analizzando un apposito file .map, rileva il link associato e reindirizza il browser.
Il file .map ha la seguente forma:
shape URL coordinate
Es:
<source lang=html4strict>
▲ < MAPmap NAMEmame="map1">
base referer
▲ < AREAarea HREFhref="pagina.html" ALTalt="Pagina" TITLEtitle="Pagina" SHAPEshape= RECT"rect" COORDScoords="6,116,97,184">
poly map "Could I have a menu, please?" 0,0 0,10 10,10 10,0
rect .. 0,0 77,27 "the directory of the referer"
▲ <img src=" immaginedamappareesempio.jpg" usemap="#map1">
circle http://www.inetnebr.com/lincoln/feedback/ 195,0 305,27
rect another_file "in same directory as referer" 306,0 419,27
point http://www.zyzzyva.com/ 100,100
point http://www.tripod.com/ 200,200
rect mailto:nate@tripod.com 100,150 200,0 "Bugs?"
</source>
Nel codice HTML locale sarà invece presente un'immagine, caricata con attributo ismap, che funge da link verso il file .map:
<source lang=html4strict>
<A href="pathname image map (.map)">
<IMG src="pathname" [...] ISMAP>
</source>
Per utilizzare le image map dal lato server è necessario però avere sul server un CGI o un apposito modulo in grado di interpretarle.
Vedi esempio.
=== Lato client ===
(?)
== Immagine nella barra degli indirizzi ==
| 