vinculos dentro de una imagen??

jocks · #1 (**permalink**) 26/03/2005, 16:24

necesito poner una imagen en una pagina , un mapa para ser mas exacto , de tal manera que el usuario escoja una ciudad del mapa y acceda a la pagina referente a esa ciudad , y asi podria acceder a cualquier pagina desde ese mapa.
Encontre esta pagina : http://www.fotorural.com/mapas/mapa.htm
donde muestra a lo que me refiero y en el code d esta pagina creo q esta es la parte que hace lo del mapa :

<area shape="poly" alt="Galicia" coords="76, 25, 98, 18, 107, 26, 103, 37, 112, 46, 106, 64, 113, 75, 109, 83, 118, 89, 107, 91, 86, 93, 76, 90, 74, 81, 64, 83, 54, 88, 46, 41, 79, 24" href="galicia.htm" title="Galicia">
<area shape="poly" alt="Portugal" coords="43, 258, 45, 245, 48, 224, 33, 217, 26, 207, 41, 176, 57, 134, 61, 116, 51, 93, 66, 91, 91, 97, 113, 96, 127, 107, 106, 129, 99, 173, 87, 181, 90, 187, 97, 206, 95, 238, 82, 278, 73, 284, 62, 277, 49, 277, 37, 277, 43, 270" href="portugal.htm" title="Portugal">
<area shape="poly" alt="Andalucía" coords="103, 241, 126, 248, 139, 241, 145, 243, 151, 232, 164, 220, 180, 232, 187, 236, 204, 236, 235, 231, 243, 245, 248, 245, 259, 256, 260, 262, 267, 270, 258, 297, 242, 295, 233, 303, 185, 297, 170, 308, 158, 308, 148, 320, 142, 322, 123, 309, 125, 303, 108, 281, 89, 277, 90, 259, 99, 244" href="andalucia.htm" title="Andalucia">
<area shape="poly" alt="Castilla La Mancha" coords="178, 161, 154, 163, 157, 175, 161, 182, 169, 190, 175, 189, 168, 217, 181, 229, 188, 232, 214, 230, 237, 226, 244, 239, 245, 242, 268, 232, 272, 231, 280, 220, 289, 219, 290, 212, 284, 207, 283, 196, 273, 189, 286, 171, 269, 158, 267, 151, 271, 133, 260, 125, 249, 126, 232, 118, 214, 119, 213, 136, 222, 152, 225, 160, 225, 166, 203, 170" href="castillamancha.htm" title="Castilla,La Mancha">
<area shape="poly" alt="Castilla y León" coords="106, 157, 118, 155, 127, 149, 134, 156, 137, 154, 145, 159, 149, 158, 152, 163, 157, 164, 161, 163, 168, 159, 175, 160, 187, 149, 189, 142, 192, 139, 194, 138, 196, 133, 207, 123, 219, 117, 225, 119, 229, 121, 232, 118, 240, 125, 250, 124, 255, 112, 253, 111, 259, 106, 260, 101, 259, 91, 252, 94, 251, 88, 244, 85, 238, 90, 233, 90, 234, 88, 228, 89, 224, 80, 222, 69, 224, 67, 227, 66, 220, 56, 221, 50, 208, 46, 205, 45, 196, 52, 200, 59, 192, 61, 183, 52, 172, 51, 166, 46, 159, 47, 154, 47, 147, 49, 141, 52, 127, 49, 122, 51, 112, 52, 109, 60, 106, 62, 109, 67, 113, 74, 113, 81, 109, 84, 119, 87, 121, 92, 121, 97, 127, 101, 132, 102, 132, 108, 125, 116, 112, 127" href="castillaleon.htm" title="Castilla y Leon">
<area shape="poly" alt="Asturias" coords="113, 25, 109, 36, 117, 51, 147, 48, 162, 47, 174, 44, 169, 42, 182, 35, 141, 24, 109, 25" href="asturias.htm" title="Asturias">
<area shape="poly" alt="Extremadura" coords="107, 158, 117, 155, 126, 147, 136, 154, 148, 157, 153, 173, 160, 185, 168, 190, 165, 211, 150, 224, 144, 234, 126, 242, 102, 236, 95, 225, 102, 203, 90, 182, 104, 177, 105, 159" href="extremadura.htm" title="Extremadura">
<area shape="poly" alt="Comunidad Valenciana" coords="337, 145, 326, 139, 313, 138, 309, 142, 311, 150, 297, 163, 290, 167, 287, 171, 287, 173, 275, 186, 288, 197, 287, 204, 292, 213, 293, 222, 296, 245, 324, 222, 307, 191, 334, 145" href="valencia.htm" title="Comunidad Valenciana">
<area shape="rect" alt="Islas Baleares" coords="354, 147, 457, 229" href="baleares.htm" title="Islas Baleares">
<area shape="poly" alt="Cataluña" coords="362, 75, 357, 63, 343, 55, 333, 59, 340, 74, 334, 89, 329, 99, 329, 107, 326, 121, 325, 134, 338, 139, 348, 125, 371, 122, 412, 92, 409, 70, 390, 74, 371, 74" href="cataluna.htm" title="Cataluña">
<area shape="poly" alt="Islas Canarias" coords="356, 281, 472, 281, 473, 331, 336, 330, 336, 294, 337, 280" href="canarias.htm" title="Islas Canarias">
<area shape="poly" alt="Madrid" coords="178, 159, 193, 159, 205, 163, 201, 171, 223, 163, 220, 151, 209, 139, 211, 124, 180, 157" href="madrid.htm" title="Madrid">
<area shape="poly" alt="Aragón" coords="294, 54, 278, 74, 278, 88, 271, 94, 263, 90, 258, 105, 262, 111, 257, 119, 270, 128, 274, 133, 270, 147, 283, 165, 288, 165, 292, 165, 305, 152, 307, 140, 309, 134, 319, 134, 321, 123, 326, 112, 326, 103, 326, 96, 336, 82, 334, 63, 292, 57" href="aragon.htm" title="Aragon">
<area shape="poly" alt="Cantabria" coords="189, 33, 184, 38, 177, 49, 193, 57, 194, 47, 216, 45, 222, 38, 215, 33, 204, 33, 197, 31" href="cantabria.htm" title="Cantabria">
<area shape="poly" alt="Pais Vasco" coords="233, 36, 218, 42, 225, 51, 226, 61, 234, 65, 241, 67, 250, 56, 260, 37, 244, 38" href="paisvasco.htm" title="Pais Vasco">
<area shape="poly" alt="Navarra" coords="266, 40, 246, 68, 261, 72, 261, 84, 264, 86, 269, 87, 274, 86, 274, 72, 290, 55, 267, 40" href="navarra.htm" title="Navarra">
<area shape="poly" alt="La Rioja" coords="227, 67, 224, 84, 233, 89, 240, 89, 245, 84, 258, 91, 259, 88, 250, 73, 227, 67" href="larioja.htm" title="La Rioja">
<area shape="poly" alt="Murcia" coords="252, 243, 270, 269, 267, 272, 294, 267, 297, 252, 290, 224, 281, 223, 274, 232, 264, 236, 254, 242" href="murcia.htm" title="Murcia">
<area shape="rect" alt="Ceuta y Melilla" coords="143, 325, 278, 335" href="ceuta.htm" title="Ceuta y Melilla">

pero no lo entiendo , alguien me lo puede aclarar o ayudarme pa ver como le hago??

caricatos · #2 (**permalink**) 26/03/2005, 16:43

Hola jocks:

Las etiquetas area, se asocian a zonas de una imagen y funcionan igual que enlaces normales (con atributos href y target)

Hay programas que crean un mapa de imágenes, pero si no sabes cual usar, tengo una página que permite hacerlo inline: http://www.pepemolina.com/mapas/index.html

Saludos