Hi there,

Do you want the loading image to follow the mouse as the mouse moves? if so, you can set its top and left css properties on mousemove. Something like this:

$('body').mousemove(function(event) {
  $('#loading-image').css({
    top: (event.pageY + 10) + 'px',
    left: (event.pageX + 10) + 'px'
  });
});

You might need to look into ways to avoid CPU spikes because the mousemove event can be processor-intensive. But this is a good start.

Oh, one more thing: make sure that loading image is set to position: absolute; in the stylesheet, so that it can freely move around.


--Karl
_________________
Karl Swedberg
www.englishrules.com
www.learningjquery.com



On Mar 3, 2008, at 9:32 AM, ryszard99 wrote:


hi there,

i've just started doing jquery stuff and am interested in how i can
add a loading image that will follow the mouse pointer, pretty much
exactly how cluetip does it.  actually i'm using cluetip in my site
and would like to replicate the loading image functionality..

if someone could point a n00b in the right direction i'd appreciate
it.

regs
.r99

Reply via email to