jQuery Forum

Hello - am pretty new to jQuery and have been so far enjoying working with it.  Am currently trying to achieve a image cycle with a pager.  I have achieved this so far but will try and list what I would like to aim for below:-

- I have four images which rotate using cycle
- I have pager 1-4 generated
- I want each pagination to have a unique image that defines it as a button
- Active background triggers a image change on the pager (this image just highlights which image is showing)


I hope that helps explain what I have so far - if not ill try and answer your questions as best I can.

This is also what I've pulled together so far

1. $(document).ready(function(){
2.     $('#bg_container')
3.     .after('<div id="buttons">')
4.     .cycle({
5.     fx:     'fade',
6.     speed:   1500,
7.     timeout: 6000,
8.     next:   '#main',
9.     pause:   0,
10.     pagerEvent: 'mouseover',
11.     pager: '#buttons',
12.     pagerAnchorBuilder: function(idx, slide) {
13.     return '<li><a href="#"><img src="' + (idx+1) + '.png" border="0" /></a></li>'; }
14. });
15. });

Thank you for your advice in advance.

Ian