Have you tried setting the position to absolute instead? You should probably do something like below instead, that should speed up your app:
$theImg = $('#insideParent img'); //put before $('#insideParent').Draggable( $theImg.css({'left':'-'+newx+'px', 'top':'-'+newy+'px'}); On 8/24/07, gianiaz <[EMAIL PROTECTED]> wrote: > > > 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 > > -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com