I'm doing a test, here can you see the results:
http://www.gianiaz.net/jquery/magnify/
I'm using interface elements for dragging the element, and the result
is fine ok, but I don't understand a thing.
In the constructor of the draggable I set this piece of code:
onDrag : function(x, y) {
xpercent = (x/1012);
ypercent = (y/250);
newx = xpercent*(3000-100);
newy = ypercent*(741-100);
html = '<ul>';
html += '<li>Percentuale Quadrante X:'+xpercent+'</li>';
html += '<li>Percentuale Quadrante Y:'+ypercent+'</li>';
html += '<li>Top immagine quadrante:-'+newx+'</li>';
html += '<li>Left immagine quadrante:-'+newy+'</li>';
html += '</ul>';
$('#test').html(html);
$('#insideParent img').css({'left':'-'+newx+'px',
'top':'-'+newy+'px'});
}
but the css property is not set in real time, and you can see the
magnified portion only onDrop (when you release the mouse button).
Is a css limit or something similar or what else?
Another question, if I want to change the square shape with a image of
a magnify, how I can approach?
Thank you
On Aug 25, 12:01 am, gianiaz <[EMAIL PROTECTED]> wrote:
> I found this one:
>
> http://www.netzgesta.de/loupe/
>
> This could be what I'm looking for...
>
> I'm trying to understand how it works but it's a little difficult for
> me...
>
> Thank you
