Ver Mensaje Individual
  #3 (permalink)  
Antiguo 23/02/2010, 11:02
jarauta
 
Fecha de Ingreso: febrero-2010
Mensajes: 2
Antigüedad: 14 años, 2 meses
Puntos: 0
Respuesta: Ayuda Con Efecto Zoom En Imagen

He intentado aplicar el códgo pero no me detecta bien las funciones javascript alguna idea?



<script language="JavaScript" type="text/javascript">
function Mover(imagen){
var equis=window.event.x;
var ye=window.event.y;
document.getElementById('lupa').style.posTop=ye;
document.getElementById('lupa').style.posLeft=equi s;
document.getElementById('lupa').style.visibility=' visible';
document.images['zoom'].src=imagen;
document.getElementById('zoom').style.visibility=' visible';
document.getElementById('original').style.cursor=' crosshair';
}
function Salir(){
document.getElementById('original').style.cursor=' ';
document.getElementById('lupa').style.visibility=' hidden';
document.getElementById('zoom').style.visibility=' hidden';
}
function Saludar(){
window.alert('Hola chica');
}
</script>
</head>
<body>
<map id="mapeado">
<area alt="mapa" shape="rect" coords="140,2,430,235" onmouseout="Salir()" onclick="Saludar()" onmouseover="Saludar()"/>
<area alt="mapa" shape="rect" coords="122,243,345,431" onmouseout="Salir()" onmouseover="Saludar()" onclick="Saludar()"/>
<area alt="mapa" shape="rect" coords="132,487,481,704" onmouseout="Salir()" onmouseover="Saludar()" onclick="Saludar()"/>
<area alt="mapa" shape="rect" coords="0,127,90,305" onmouseout="Salir()" onmouseover="Saludar()" onclick="Saludar()"/>
</map>
<img style="border:0px;" alt="ismap" usemap="#mapeado" ismap="ismap" id="original" src="images/mapa_completo.JPG"/>
<img style="visibility:hidden;" alt="zoom" id="zoom" width="700px" height="700px" src="images/documentacion.JPG"/>
<img style="position:absolute; top:0; left:0; width:16px; visibility:hidden;" alt="lupa" id="lupa" src="images/IconoLupa.JPG"/>
</body>