Hi Donna,
According to your pager selector ("#nav") its markup, you should use
the pagerAnchorBuilder option like this:

 $(document).ready(function(){
    $('#featuretabs').cycle({
            fx:     'turnLeft',
            speed:  'fast',
            timeout: 0,
            pager:  '#nav',
            pagerAnchorBuilder: function(idx, slide){
                return '#nav a:eq(' + (idx) + ')';
             }
        });
});

I hope it works for you. A more accurate exemple can be found at the
author's page http://www.malsup.com/jquery/cycle/int2.html


On 29 abr, 15:46, Donna Vitan <[EMAIL PROTECTED]> wrote:
> I'm currently working on a site that uses your JQuery plugin and so
> far it's been great. I'm at a point now were I'm trying to use the
> pager option.
>
> CODE:
> // Initialize 4 tab show
> $(document).ready(function(){
>     $('#featuretabs')
>         .before('<div id="nav">')
>         .cycle({
>             fx:     'turnLeft',
>             speed:  'fast',
>             timeout: 0,
>             pager:  '#nav'
>         });
>
> });
>
> HTML:
> <div id="feature2">
>         <div id="nav" class="nav">
>             <a class="activeSlide" href="#">The BIG Guide Book</a>
>             <a href="#">The BIG Guide Online</a>
>             <a href="#">College Seminars</a>
>             <a href="#">College Site Access</a>
>         </div>
>         <ul id="featuretabs" class="pics">
>             <li class="book"><p class="left">Sentence. </p><a
> href="public-book.html" class="left">More</a></li>
>             <li class="online"><p class="left">Sentence. </p><a
> href="public-online.html" class="left">More</a></li>
>             <li class="seminars"><p class="left">Sentence. </p><a
> href="public-seminars.html" class="left">More</a></li>
>             <li class="site-access"><p class="left">Sentence. </p><a
> href="public-site-access.html" class="left">More</a></li>
>         </ul>
>     </div>
>
> CSS:
>
> DEVELOPMENT 
> SITE:http://graphicpointdesign.com/clients/issi-site/index-donna.html
>
> (1) Using your plugin for the header fade animation
> (2) Using your plugin to create a pager effect with the "4 tabs
> feature"
>
> I understand that this option creates links according to the values of
> the slides but is there a way that I can use text instead of numbers
> as the links? I've even tried using the next and previous classes but
> those were not connecting to the 4 different slides.
>
> It's been great working with this plugin so any help will be greatly
> appreciated.

Reply via email to