function scroll_list(h) {
$("#sl1").marginTop = 0;
$("#sl1").animate(
{marginTop: -h},
20000,
"linear",
function () {scroll_list(h);}
);
}
h = $("#sl1").height();
scroll_list(h);
Does not work. It stops after the first cycle of animation is
complete.
Thanks
gm
On Oct 27, 1:08 pm, "pete higgins" <[EMAIL PROTECTED]> wrote:
> your onend callback is being executed immediately (with the ()'s). you
> likely want:
>
> $(...).animate({ props }, 2000, "linear", function(){
> scroll_list(h);
>
> });
>
> to pass an anonymous function that will execute later (2000ms).
>
> Regards
> Peter Higgins
>
> On Mon, Oct 27, 2008 at 6:01 AM, gattu_marrudu <[EMAIL PROTECTED]> wrote:
>
> > Hi, I am new to jQuery and I would like to create a simple animation
> > of a div scrolling in an infinite loop. When the div scrolls to the
> > top, it is shifted to the bottom and starts over.
>
> > I based my function on one found on the jQuery API reference:
> >http://docs.jquery.com/Effects/queue
>
> > $("#show").click(function () {
> > var n = $("div").queue("fx");
> > $("span").text("Queue length is: " + n.length);
> > });
> > function runIt() {
> > $("div").show("slow");
> > $("div").animate({left:'+=200'},2000);
> > $("div").slideToggle(1000);
> > $("div").slideToggle("fast");
> > $("div").animate({left:'-=200'},1500);
> > $("div").hide("slow");
> > $("div").show(1200);
> > $("div").slideUp("normal", runIt);
> > }
> > runIt();
>
> > My code is:
>
> > function scroll_list(h) {
> > $("#sl1").marginTop = 0;
> > $("#sl1").animate( {marginTop: -h}, 20000, "linear",
> > scroll_list(h));
> > }
> > h = $("#sl1").height();
> > scroll_list(h);
>
> > On firebug I get a "Too much recursion" error.
> > How come calling the same function as a callback works in the first
> > but not in the second case?
>
> > Thanks,
> > Stefano
