Thanks for the question/comment. I, uh, don’t really know the answer though.

I played with it. I added more slides to the existing example making sure I was using the latest jquery & cycle scripts. Here’s what I got: http://dposorio.com/cycle-plugin/example-more.html,

I think I see the problem:

the new slides were added with no problem
the nav pager reflects the number of slides the way you’d expect
BUT, the nav pager links don’t work

I don’t really know why this is.

A quick & dirty fix might be using “prev” and “next” links instead.

A better solution would be checking the jquery forum – there’s a section specific to the cycle plugin.

Sorry I couldn’t be more help. If and when you find the solution, I would be much obliged if you commented on this post to let me (and others know) of the fix.

Thanks!

– Dennis

Then if you wanted to add captions to the images you could position the caption container outside of the slideshow and use something like this inside of cycle:

before: function() {
$('#id').stop().animate({height:'0px',paddingTop:'0px',paddingBottom:'0px'}, 100, 'easeInOutExpo');
},
after: function() {
$('#id').html(this.alt).stop().animate({height:'41px',paddingTop:'5px',paddingBottom:'5px'}, 500, 'easeInOutExpo');
}

Change the height and padding to what you need, and style the rest of it with css. You can’t use slideUp / slideDown here though because it will loose the height value if the slides are switched very quickly a few times. The text will come from the alt tag of the image on the current slide (may have to change “this.alt” to get that to happen though; depends how it’s set up)