Question

I’m not sure what I’m doing wrong because everything seem to work fine, except the animationComplete() option which I can’t even get to run a simple alert. I actually want to use this option to stop my slideshow after one loop (and then finish on the first frame), but before I can do that I need animationComplete() to work. Here’s my attempt to make an alert which doesn’t return anything at all:

$('.slides_container').after('<div id="slides-nav" class="pagination">').cycle({
    animationComplete: function(current) {
        alert('alerted');
    },
    fx: 'scrollLeft',
    pause: true,
    pager: '#slides-nav'
});

At the end of the day I’m looking to loop the rotation once through, and then pause on the first slide. I just figure this is the first hurdle I’ve come to so I can’t move much beyond this point until I figure out what I’m doing wrong.

I’m looking to accomplish the same as this guy when it’s all said and done.

Answer 1

Umm if I’m right I think you are confusing two plugins, each of them have different ways to use callbacks, you are using the cycle jquery plugin and animationComplete belongs to slidejs so try using ‘after’ and not animationComplete, try this:

$('.slides_container').after('<div id="slides-nav" class="pagination">').cycle({
    fx: 'scrollLeft',
    pause: true,
    pager: '#slides-nav',
    after: alert('alerted')
});