Hi everybody,

I would like to create a slideshow with a vertical list of the slide
navigation. I would like to smoothly animate a marker up and down to
indicate the current slide. Here's what I have so far:

        $('#s1').cycle({
            pager:  '#nav',
            before:  onBefore
        });

        function onBefore() {
                        var pos = $(".activeSlide").next().offset().top; //get 
position of
the element *after* .activeSlide
                        $("#marker").animate({top: pos}); //move marker to this 
position
        }

This works fine for auto-playing. But once I click to navigate to
different slide it slides to the wrong slides (not a big surprise
since this function runs *before* the new .activeSlide class has been
assigned)

Any ideas?

Thanks!

Reply via email to