Chuiso
Delta
Verificación en dos pasos activada
Buenas amigos, veréis, en mi web vidaemigrante.com (ver firma), tengo un mapa mapeado con html, que envía a 5 enlaces distintos en función de que continente pinches. El código es así:
Si alguien quiere saber cómo lo hice puede preguntarme, hay una web online con la que se diseñan muy fácilmente. La idea es que me gustaría que al pasar el mouse por alguna de las zonas de link, el continente indicado brillase más o cambiase de color, al estilo Enlace eliminado. Mirando su código emplea un id y luego cada región un código similar a éste:
Pero realmente no sé como lo hace, está claro que indica que cuando el mouse está en esa zona, hace un cambio de imagen que es lo que da el efecto.
¿Sabéis como podría conseguir algo similar con HTML o algo de php? Estoy muy perdido.
Un saludo!
EDITO: Vale, he encontrado algo en inglés, ya que en español nanai de la china. Voy a investigar un poquito y si consigo hacerlo haré un tutorial porque creo que es un buen aporte 😉 Dejo el enlace por si alguien se me quiere adelantar: Enlace eliminado Está muy bien explicado
Insertar CODE, HTML o PHP:
<img id="Image-Maps_520120316102047" src="http://vidaemigrante.com/wp-content/uploads/2012/03/vidaemigrantemapa.png" usemap="#Image-Maps_520120316102047" border="0" width="300" height="210" alt="" />
<map id="_Image-Maps_520120316102047" name="Image-Maps_520120316102047">
<area shape="poly" coords="78,208,107,158,56,126,123,54,120,0,68,5,2,66,33,120,68,159," href="http://vidaemigrante.com/c/america/" alt="América" title="América" />
<area shape="poly" coords="138,119,171,124,184,144,165,183,148,149,126,136," href="http://vidaemigrante.com/c/africa/" alt="África" title="África" />
<area shape="poly" coords="134,114,172,116,176,62,156,61,144,80," href="http://vidaemigrante.com/c/europa/" alt="Europa" title="Europa" />
<area shape="poly" coords="181,68,179,130,241,141,269,100,274,81,299,66,242,44,230,19,227,41," href="http://vidaemigrante.com/c/asia/" alt="Asia" title="Asia" />
<area shape="poly" coords="267,154,246,172,250,188,274,191,282,176," href="http://vidaemigrante.com/c/oceania/" alt="Oceanía" title="Oceanía" />
</map>Si alguien quiere saber cómo lo hice puede preguntarme, hay una web online con la que se diseñan muy fácilmente. La idea es que me gustaría que al pasar el mouse por alguna de las zonas de link, el continente indicado brillase más o cambiase de color, al estilo Enlace eliminado. Mirando su código emplea un id y luego cada región un código similar a éste:
Insertar CODE, HTML o PHP:
<li><a id="county_42" onmouseover="change_image(42);" onmouseout="hide_image(42);" onclick="return xt_click(this,'C','1','Acceso_Listado_Home','N')"
title="Anuncios en Soria"
href="http://www.segundamano.es/anuncios-soria/">Soria</a></li>Pero realmente no sé como lo hace, está claro que indica que cuando el mouse está en esa zona, hace un cambio de imagen que es lo que da el efecto.
¿Sabéis como podría conseguir algo similar con HTML o algo de php? Estoy muy perdido.
Un saludo!
EDITO: Vale, he encontrado algo en inglés, ya que en español nanai de la china. Voy a investigar un poquito y si consigo hacerlo haré un tutorial porque creo que es un buen aporte 😉 Dejo el enlace por si alguien se me quiere adelantar: Enlace eliminado Está muy bien explicado
Última edición: