Hola, seguí vuestros consejos y el resultado es este:
http://www.hercusa.es/es/pisos3.php?id_promocion=32
Me gustaría saber como puedo hacer que no tiemble la zona de seleccion.
Que si dejo el raton quieto se quede marcada.
El código que he usado es este:
Código HTML:
<img src="../imagenes/promociones/sinai.jpg" width="262" height="267" usemap="#mapa" style="position: relative; margin: 0; top: 0; left: 0;"/>;
<img name="planta1" src="../imagenes/pisos/sinai_p1.jpg" width="262" height="267" style="position: absolute; top: 49; left: 97; margin: 0; visibility: hidden;"/>;
<img name="planta2" src="../imagenes/pisos/sinai_p2.jpg" width="262" height="267" style="position: absolute; top: 49; left: 97; margin: 0; visibility: hidden;"/>;
<img name="planta3" src="../imagenes/pisos/sinai_p3.jpg" width="262" height="267" style="position: absolute; top: 49; left: 97; margin: 0; visibility: hidden;"/>;
<img name="planta4" src="../imagenes/pisos/sinai_p4.jpg" width="262" height="267" style="position: absolute; top: 49; left: 97; margin: 0; visibility: hidden;"/>;
<img name="planta5" src="../imagenes/pisos/sinai_p5.jpg" width="262" height="267" style="position: absolute; top: 49; left: 97; margin: 0; visibility: hidden;"/>;
<script type='text/javascript'>
function mostrar(cosa, estado) {
document.images[cosa].style.visibility = (estado) ? 'visible':'hidden';
}
</script>
<MAP NAME="mapa">
<AREA SHAPE=POLY COORDS="21,195,12,230,212,223,214,183,21,195" HREF="./planta1.php" onmouseover='mostrar("planta1", true)' onmouseout='mostrar("planta1", false)' ALT="planta1">
<AREA SHAPE=POLY COORDS="27,154,18,189,215,176,216,134,27,154" HREF="./planta2.php" onmouseover='mostrar("planta2", true)' onmouseout='mostrar("planta2", false)' ALT="planta2">
<AREA SHAPE=POLY COORDS="35,121,28,150,214,128,216,90,35,121" HREF="./planta3.php" onmouseover='mostrar("planta3", true)' onmouseout='mostrar("planta3", false)' ALT="planta3">
<AREA SHAPE=POLY COORDS="48,90,29,115,212,85,213,55,48,90" HREF="./planta4.php" onmouseover='mostrar("planta4", true)' onmouseout='mostrar("planta4", false)' ALT="planta4">
<AREA SHAPE=POLY COORDS="33,85,215,48,239,17,99,47,73,31,42,40,36,86,33,85" HREF="./planta5.php" onmouseover='mostrar("planta5", true)' onmouseout='mostrar("planta5", false)' ALT="planta5">
<AREA SHAPE=default HREF="#">
</MAP> Las imagenes jpg de las plantas no son mas que la original con la franja señalada para cada planta.
A ver si me echais una mano.
Muchas gracias.