HTML immagini

[Absolut]

Ciao ragazzi,che voi sappiate è possibile create una un immagine che a seconda di dove si sclicca si viene rediretti a una pagina deiversa!? in pratica associare i ref a zone dell'immagine!?

thanks!

[conraid]

Ciao ragazzi,che voi sappiate è possibile create una un immagine che a seconda di dove si sclicca si viene rediretti a una pagina deiversa!? in pratica associare i ref a zone dell'immagine!?

thanks!

si chiamano mappe

una volta usavano molto, adesso non saprei
comunque con KImageMapEditor (della suite kdewebdev) le fai tranquillamente

[sya54M]

un esempio di come si fa una mappa è questo:

Codice: Seleziona tutto

<img src="immagine.png">
<map name="nomedellamappa">
  <area shape="rect" href="destinazionezona1.html" coords="107,51,249,145" />
  <area shape="rect" href="destinazionezona2.html" coords="250,51,400,145" />
</map>


dove shape="rect" indica che si tratta di una zona rettangolare (ma si può fare qualunque forma) e coords="x1,y1,x2,y2" sono le coordinate del primo spigolo e del secondo spigolo che definiscono il rettangolo.

[conraid]

un esempio di come si fa una mappa è questo:

Codice: Seleziona tutto

<img src="immagine.png">
<map name="nomedellamappa">
  <area shape="rect" href="destinazionezona1.html" coords="107,51,249,145" />
  <area shape="rect" href="destinazionezona2.html" coords="250,51,400,145" />
</map>


dove shape="rect" indica che si tratta di una zona rettangolare (ma si può fare qualunque forma) e coords="x1,y1,x2,y2" sono le coordinate del primo spigolo e del secondo spigolo che definiscono il rettangolo.

non per fare i pignoli, ma senza l'attributo usemap quel codice sopra è nullo
<img src="immagine.png" usemap="nomedellamappa">

[sya54M]

non per fare i pignoli, ma senza l'attributo usemap quel codice sopra è nullo<img src="immagine.png" usemap="nomedellamappa">

hai ragione, chiedo scusa

[aschenaz]

Si potrebbe anche usare un succedaneo di mappa tramite css:
un div contenitore con un'immagine di background e posizionamento relativo,
con delle aree al suo interno con posizionamento assoluto, dimensioni definite
e display block per i link.
In pratica, si tratterebbe di un fac-simile dei menu con image-matrix...
Unico inconveniente: le aree cliccabili devono avere tutte forma quadrangolare...