> I was trying to create an advance thumbnail pager with synchronize
> transition with content slide show.
>
> Objectives:
>
> a. When the next ( >) is pressed, it should highlight the next
> (first) item in the next batch in the pager and show the content slide
> show.
> b. When the previous (<) is pressed, it should highlight the
> previous (last) item of the previous batch and the content slide show.
> c. When an item is clicked, it should highlight that item and show
> the content slide show
> d. If the pager is in the last batch, it should disabled the next
> button.
> e. If the pager is in the first batch, it should disabled the
> previous button.
> f. Implement a Next/Previous control per item – also controls the
> thumbnail pager.
>
> Do you think is it possible in cycle plugin?
>
> The cycle plugin is really cool. I hope it is possible.
>
> Thanks in advance :)
Cycle gives you all the callback options you need to achieve this.
But it's up to you to add the specialized logic. The 'prevNextClick'
callback can be used to trap the prev/next clicks and the 'pagerClick'
callback can be used to trap pager clicks.
$('#slideshow').cycle({
prev: '#prev',
next: '#next',
// other options ...
prevNextClick: function(isNext, zeroBasedSlideIndex,
slideElement)) {
},
pagerClick: function(zeroBasedSlideIndex, slideElement) {
}
});
