He estado haciendo una lupa dinamica en javascript
Basicamenter he usado divs con id
/////////////
<table>
<tr>
<td>
<div id="div_cuadradote" onMouseMove="pos()">
<img id="cuadradote" src="">
<div id="cuadrado" style="position:absolute; filter: alpha(opacity=50);">
<img src="" width="50" height="50">
</div>
</div>
</td>
<td>
<div id="dober" style="overflow:hidden; width:50px; height:50px">
<img id="cuadradito" src="">
</div>
</td>
</tr>
</table>
///
Para los scripts uso lo siguiente
posX = window.event.offsetX;
posY = window.event.offsetY;
window.status = "X = " + posX + " : Y = " + posY;
derecha_izquierda(posX-25);
arriba_abajo(posY-25);
cuadrado.style.left=window.event.x - 25;
cuadrado.style.top=window.event.y - 25;
////
HASTA AQUI TODO NORMAL, EL UNICO PROBLEMA ES LA LUPA, OSEA LA IMAGEN QUE SE ARRASTRA
basicamente el problema es que cuando tomo las coordenadas del window.event.offsetX e Y para el div de la imagen; toma las coordenadas del div que esta bajo el mouse, cuando paso el mouse sobre la imagen sin lupa, me funciona, ero cuando paso con la imagen de lupa, toma las coordenadas de la lupa, que como estan fijas al mouse no hacen ningun efecto.
Gracias por su ayuda.
