thanks a lot for the article

you are the man….

really thx…

It looks like you are using the wrong version of animate(). You can call animate with a number of parameters. If you pass in two object literals like you have then there isn’t a third option of a callback. Instead, of passing { duration:4000 } you can just pass in 4000. In that override of animate, then the callback works.

This should work:

$(function(){
  $('div.DivBackUpperImage').css({
    backgroundPosition: "0px 0px"
  });
  recursiveFunction();
});

function recursiveFunction(){
  $('div.DivBackUpperImage').animate({
    backgroundPosition:"(1000px 0px)"},
    4000, function(){
      $('div.DivBackUpperImage').css( {
        backgroundPosition: "0px 0px"
      });
      recursiveFunction();
    });
}

my code is like this

$(function(){
$(‘div.DivBackUpperImage’).css( {backgroundPosition: “0px 0px”} )
recursiveFunction();
});

function recursiveFunction(){
$(‘div.DivBackUpperImage’).animate({backgroundPosition:”(1000px 0px)”}, {duration:4000},
function(){
$(‘div.DivBackUpperImage’).css( {backgroundPosition: “0px 0px”} )
recursiveFunction();
}
);
}

i think it should work but… its not …
thanks for the helo

Edit: Come to think of it, the callback fires when the animation completes, so then you know to restart the animation!

my code is like this

$(document).ready(
function(){
$(‘div.DivBackUpperImage’).css( {backgroundPosition: “0px 0px”} )
$(‘div.DivBackUpperImage’).animate({backgroundPosition:”(1000px 0px)”}, {duration:4000})
}
);

how to check if the background position has reached 1000xp to restart moving for start so that it keep rotation all the time

actually you wrote a very nice plug in and helps me create many effects on mouse over click etc but this … i cant understand i m little new to jquery…

please any help would be appriciable
thanks