Saludos a todos los foreros,me he mirado lo del efecto lupa en una imagen,he probado pero en la imagen de la derecha en que tenia que salir aumentado no me sale nada(La ruta esta bien).Alguien me puede ayudar.Aqui esta el codigo: Código PHP:
<HTML>
<HEAD>
<TITLE> Efecto lupa </TITLE>
<SCRIPT LANGUAGE="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=equis;
document.getElementById('lupa').style.visibility='visible';
document.images['zoom'].src=imagen;
document.getElementById('original').style.cursor='crosshair';
}
function Salir(){
document.getElementById('original').style.cursor='';
document.getElementById('lupa').style.visibility='hidden';
}
//-->
</SCRIPT>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<img style="position:absolute; top:0; left:0;
visibility:hidden; width:20px" id="lupa"
src="cursor.ico">
<map name="mapeado">
<area shape="rect" coords="0,0,3,143" onmouseout="Salir()" onmousemove="Mover('http://localhost/asp/php/javascripts/imagenes/americanpie/amppeq1.jpg')">
</map>
<IMG ismap usemap="#mapeado" name="original" SRC="C:/asp/php/Javascripts/Imagenes/americanpie/ame3.jpg">
<img id="zoom" width=300 height=300 src="/imagenes/americanpie/ame2.jpg">
</BODY>
</HTML>
Las coordenadas son de prueba esquina superior izquierda