
07/03/2006, 13:30
|
 | | | Fecha de Ingreso: noviembre-2003 Ubicación: Bizkaia
Mensajes: 1.315
Antigüedad: 21 años, 3 meses Puntos: 2 | |
Para que salga información al pasar el ratón por encima puedes usar una función javascript que muestre/oculte una o más capas (divs) que contienen la información.
Mírate este post (entero) y sólo tendrías que cambiar onclick por onmouseover y en lugar de aplicarlo a toda la imagen, hacerle un map al mapa de españa, definiendo los espacios "activos".
Ejemplo de uso de mapa en imagen:
<img src="midibu.jpg" width="595" height="594" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="33,120,112,181" onmouseover="...." />
<area shape="circle" coords="206,172,19" onmouseover="...." />
<area shape="poly" coords="390,202,332,238,384,298,472,250,472,203,42 4,182" onmouseover="...." />
</map>
Puede que quieras que al pasar el cursor salga la manita (u otro cursor). Para ello, aqui tienes dos funciones sencillas que puedes añadir a las de mostrar/ocultar capa:
<script>
function solomano()
{
document.body.style.cursor='hand';
};
function soloflecha()
{
document.body.style.cursor='default';
};
</script>
Quedaría algo como:
...onmouseover="mostrar('capa1');return false;solomano()" onmouseout="soloflecha()"... |