Un'immagine dove poter cliccare in diversi punti?!?

Scusatemi, volevo sapere come faccio ad inserire un'imagine, ad esempio una mappa, e poter in questa mappa cliccare diversi punti?!?

Spero che non ho sbagliato sezione per domandarlo, se fosse così già vi chiedo perdono!! :wink:

Devi usare la mappatura immagini con l'html :

http://xhtml.html.it/guide/lezione/1...e-di-immagine/

Qui è spiegato per filo e per segno ^_^

questo e il tag che di solito si usa per le mappe immagine che sarebbe un punto attivo

1-punto attivo circolare

<area shape="circle" coords="15,69,121,102" href="#" alt="" >

2-punto attivo rettangolare

<area shape="rect" coords="15,69,121,102" href="#" alt="" >

3-punto attivo poligono (ti permette di creare la forma che desideri in base alle coordinate che inserisci)

<area shape="poly" coords="24,138,38,126,86,127,92,147,26,173" href="#">

ok!!! :wink:

E se volessi fare in modo di visualizzare le varie aree (magari cambiando tipo di bordo, o colore, o spessore)?

Non ho provato ma potresti modificare il codice così:

Codice HTML:

---

<area shape="circle" coords="15,69,121,102" href="#" alt="" style="border:1px solid #000000;">

---

Non sembra funzionare, grazie comunque :)
Cerco qualcosa di simile, mi hai dato un buon suggerimento

Ho cercato parecchio in internet e su alcune guide,
ma non riesco a trovare il modo di far visualizzare
i bordi di un'AREA relativa ad una MAP sensibile.

Il problema poi sarebbe estendibile:
è possibile associare delle proprietà a tali bordi
(ad es. tipo, colore, dimensione),
esattamente come si fa per i bordi della tabelle?

Grazie a tutti, e sereno Natale alla community :)

Da quel (poco, in questo caso) che so non mi pare possibile, anche perché, se tieni conto che un'AREA può anche essere di forma irregolare (mai visto qualche sito in cui ti viene chiesto di scegliere la tua regione su una carta geografica, ad esempio?), gestirle tecnicamente risulterebbe troppo complicato.

Qualche effetto lo puoi fare in questo modo (che è un po' quello che fa Fireworks), ma soltanto se le aree sono rettangolari o comunque riconducibili a linee ortogonali:
- spezzetta (con un programma di grafica) la tua immagine in tanti rettangoli, in modo che la loro ricomposizione riesca a dare l'immagine originale
- crea una tabella con questo stile:

Codice HTML:

---

<STYLE>
TABLE.myMap TR TD { margin:0; padding:0 }
</STYLE>
...
<TABLE CLASS="myMap" WIDTH="larghezza_img" HEIGHT="altezza_img">
...
</TABLE>

---

- disegna la tabella (magari prima su un foglio), avendo cura di assegnare ad ogni cella le corrette dimensioni di ciascun frammento. Se necessario, usa gli attributi ROWSPAN e COLSPAN di TD per estendere i frammenti
- ad ogni frammento (o a quelli che ti servono) puoi associare un link con il classico tag <A>. Non solo: se nello "spezzettamento" hai pensato di crearti delle copie modificate dei frammenti, puoi persino creare effetti di rollover

Non si sarà capito molto, però spero di averti dato qualche dritta... stammi bene...