[jQuery] Cycle with Dynamic Thumbnail Paging

[amuhlou]

Hello,

I am using the Cycle plugin to create a slideshow from images in a php
file:

$(function() {
        $("#spotlight").load("photos.php", function() {
                $(this).cycle({
                     fx: 'fade',
                     timeout: 0,
                     pager:  '#cNav',
                     pagerAnchorBuilder: function(idx, slide) {
                         var src = $('img',slide).attr('src');
                         return '<li><a href="#"><img src="'+src+'"
width="100" height="50" /></a></li>'
                       }
                });
          });
});

I would like to use image thumbnail anchors as the paging, but can't
figure out how to get them on the page since the enlarged versions
aren't in the DOM yet when the pagerAnchorBuilder function runs.

My example page is: http://static.spartaninternet.com/sandbox/carousel2/

Any help would be greatly appreciated!
~amy