Question

I am trying to remove the numbers from the pager generated when using the jquery cycle plugin. The numbers only seem to show up in IE but I still need to remove them. The code I have is:

<div class="feature_span" style="background-color:#000000; background-image: url(images/banner-one.jpg); background-position:top center; background-repeat:repeat-x;" ></div>
<div class="feature_span" style="background-color:#000000; background-image: url(images/banner-two.jpg); background-position:top center; background-repeat:repeat-x;" ></div>
<div class="feature_span" style="background-color:#000000; background-image: url(images/banner-one.jpg); background-position:top center; background-repeat:repeat-x;" ></div>
<div class="feature_span" style="background-color:#000000; background-image: url(images/banner-two.jpg); background-position:top center; background-repeat:repeat-x;" ></div>

</div><!--End Homepage Slider-->

<div class="feature_nav"></div>

and

<script>
     // start slideshow 
    $('#homepage_slider').cycle({ 
        timeout:  7000, 
      //  before:   onBefore ,
        next:   '.feature_next',
        prev:   '.feature_prev',
        pager:  '.feature_nav'
    });
</script>

I’m sure there is a simple way of doing this that I’m missing. Could someone please help?

Answer 1

Some documentation is available here: http://jquery.malsup.com/cycle/pager2.html

$('#homepage_slider').cycle({ 
    timeout:  7000, 
  //  before:   onBefore ,
    next:   '.feature_next',
    prev:   '.feature_prev',
    pager:  '.feature_nav',
    pagerAnchorBuilder: function(idx, slide) { 
        return foo;  //Where foo is whatever contents you want in each pager anchor.
    } 
});