calcular coordenadas sobre una imagen

monosulpa · #1 (**permalink**) 23/11/2007, 19:40

bueno mi pregunta es la siguiente como hago para calcular las coordenadas de una imagen es decir que las coordenadas empiecen en la imagen desde 0 hasta el tamaño de la imagen por los momentos tengo este codigo

Código:

<html>
<head>
<script language="javascript">

function coordenadas(even) {

var evento = window.event || even;
var x = evento.clientX;
var y = evento.clientY;
alert(x+","+y);

}

</script>
</head>
<body>

<table  onClick="coordenadas(event)" align="center" height="655">
<tr>
<td   width="851" height="500px"  background="Mis im&aacute;genes/pixel10.jpg"></td>
</tr>
</table>


</body>
</html>

y lo que hace es que al hacer click me muestra las coordenadas en un mensaje de alerta sobre una imagen que tengo en una tabla el problema es que con ese codigo las coordenadas me la da con respecto a el tamaño de la pagina es decir al comienzo de la imagen que deberia ser la coordenada (0,0) me da la coordenada (255,59) con respecto a la pagina y quisiera saber como hacer para que las coordenadas me la muestre con respecto a la imagen se los agradeceria mucho saludos

caricatos · #2 (**permalink**) 24/11/2007, 02:14

Hola:

En esta página: Creación de áreas en imágenes, la técnica que uso es poner la imagen en un iframe en la posición absoluta (0,0)... puedes echarle un vistazo al código de la página.

Saludos