title: Jquery Cycle - how to use circle for pager?
body: <p>Am having a problem getting my pager to look right with jquery cycle.
  The following code </p>
  
  <pre><code>$(document).ready(function() {
      $('#slider_container')
      .after('&lt;div id="pager"&gt;')
      .cycle({
      fx: 'scrollRight',
      speedIn: 400,
      speedOut: 200,
      timeout: 10000,
      pause: 1,
      delay: -4000,
      easeIn:  'easeInCirc',
      sync: false,
      pager: '#pager',
      pagerAnchorBuilder: function(idx, el) {
          return '&lt;li&gt;&lt;a href="#"&gt;&lt;img src="images/grey_dot.png" width="10" height="10" /&gt;&lt;/a&gt;&lt;/li&gt;';
          }
      });
  });
  </code></pre>
  
  <p>Has got me the images to show up as the navigation instead of the numbers but the problem is that I would like to be able to have a different coloured circle for the active slide.</p>
  
  <p>I tried leaving the img bit out of the pageAnchorBuilder and using backgrounf:(url) in the CSS and a different one on .activeSlide but to no avail.</p>
  
  <p>Would appreciate anyone's help, thanks.</p>