I have two pagers controlling one slideshow; one with text links and one with numbers. The problem is that Cycle is reading the pagers continuously, so on the numerical pager, '1' goes to slide 4, '2' goes to slide 5 etc.
Is there a way of using pagerAnchorBuilder foreach pager separately?
- pager: '.benefitsPager',
- pagerAnchorBuilder: function(idx, slide) {
- return '.benefitsPager li:eq(' + idx + ') a';
- },
- <ul class="benefitsPager">
- <li><a href="#">How it started</a></li>
- <li><a href="#">High quality</a></li>
- <li><a href="#">Distribution</a></li>
- </ul>
- ... slideshow code ...
- <ul class="benefitsPager">
- <li><a href="#">1</a></li>
- <li><a href="#">2</a></li>
- <li><a href="#">3</a></li>
- </ul>