[jQuery] Cycle Plugin Pager with Images

[jQuery] Cycle Plugin Pager with Images


I'm having a problem with this code:
function fade() {$('.pic').fadeIn(7000);}
    $('#shuffle')
        .before('<ul id="nav">')
        .cycle({
            before: fade,
        fx: 'shuffle',
            timeout: 10000,
            shuffle: {
            left: 457},
            pager: '#nav',
        pagerAnchorBuilder: function(idx, slide) {
        return '<li> # ' + slide.src + ' </li>'; }
        })
        ;
particularly the part where it calls back in the "slide.src" . I want to
have it call back a different part of the slide area. Also I'm not sure what
part I want to call. What i have for the whole image set that rotates is
this:
<div id="shuffle">
     /galleries/25threunion/index.shtml <div class="polaroid">
     /graphics/rotation/galleries/25threunion.jpg
</div>
/galleries/commweek/index.shtml <div class="polaroid">
     /graphics/rotation/galleries/commweek.jpg
</div>
/galleries/gorilla/index.shtml <div class="polaroid">
     /graphics/rotation/galleries/gorilla.jpg
</div>
    </div>
    
<ul id="nav"></ul>
The srcs for the images I want to pull in are in the middle.
Thanks for any help.
--
View this message in context: http://www.nabble.com/Cycle-Plugin-Pager-with-Images-tp22560095s27240p22560095.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.