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
