Mapa sensitivo

[Mezmerize]

Boas.

É o seguinte, tenho uma imagem que queria dividir em diferentes secções para cada uma ter uma hiperligação, pelo que sei necessito usar um mapa sensitivo. Gostaria de saber como o uso e qual o modo de ser usado porque por exemplo li em alguns sites que tem que se colocar coordenadas, mas como sei as coordenadas de cada parte da minha imagem
Conto com a vossa ajuda.

Cumprimentos
Mezmerize

[Gak]

Paint?

[Mezmerize]

Para as coordenadas certo?
Mas em relação ao mapa só posso mesmo fazer usando:

<p align=center><img src="mundo16.gif" width="35%” usemap="#mundo16"></p>
<map name="mundo16">
<area coords="30,70,70,140" href="AmericaLatina.html">
<area coords="90,30,150,130" href="Africa.html">
</map>

por exemplo, e já agora aqueles "30,70,70,140" é onde começa e acaba?

Cumprimentos

[xirix]

Para as coordenadas certo?
Mas em relação ao mapa só posso mesmo fazer usando:

<p align=center><img src="mundo16.gif" width="35%” usemap="#mundo16"></p>
<map name="mundo16">
<area coords="30,70,70,140" href="AmericaLatina.html">
<area coords="90,30,150,130" href="Africa.html">
</map>

por exemplo, e já agora aqueles "30,70,70,140" é onde começa e acaba?

Cumprimentos

Tudo funciona na base com rectangulos. Entao o 30,70, 70, 140 são coordenada desse rectangulo. Como podes defenir um rectangulo com 2 pontos, tens o P1 em x=30 y=70 e o P2 em x=70 e y=140

Com um prog tipo dreamweaver consegues fazer estes links na boa.

Abraços

[Creative Byte]

Boas,

Existem tb programas freeware, ve esta página, IHIP.

Xirix, não é só rectangulos existem tb outras formas.

Código: Seleccionar todos

<map name="IHIP_NEW">
<area shape="rect" coords="20,25,84,113" href="rectangle.html">
<area shape="polygon" coords="90,25,162,26,163,96,89,25,90,24" href="triangle.html">
<area shape="circle" coords="130,114,29" href="circle.html">
<area shape="rect" coords="19,156,170,211" href="mailto:webmaster@ihip.com">

<area shape="default" nohref>
</map>

[xirix]

Yup, tens razão. Como nunca uso essas cenas, já não me lembrava hehhee

[Mezmerize]

Apesar de já ter feito escrevendo eu o código HTML e vendo as coordenadas no paint era mesmo um site como esse que procurava.
Muito obrigado.

Só mais uma questão, dá para fazer algum tipo de animação onmousehover num certo link em mapa sensitivo?


Cumprimentos

[Creative Byte]

Boas,

Penso que não pois é uma só imagem, o que podes fazer em html/javascript é dividir a imagem e colocares numa tabela e ai sim podes fazer esse tipo de efeitos, mas ai sim tem de ser imagens retangulares.

Ou então fazes em flash.