[jQuery] pagerAnchorBuilder and slide.src

[srhnbr]

Hello, I've search everywhere so if this has been asked before please
point me to the right direction.
I have the cycle plugin working on a wordpress theme I'm developing.

It slides images with text

this is my html code:

<ul id="portfolio">
        <li>
            <a href="...some link...">
                 <img src="...some source..." />
            </a>
            <div class="post">
                  some text
            </div>
        <li>
</ul>

this is my jquery:

$('#portfolio').after('<ul id="portfolio-nav" class="clearfix">').cycle
({
        timeout: 3000,
        pager:  '#portfolio-nav',
       pagerAnchorBuilder: function(idx, slide) {
        return '<li><a href="#"><img src="' + slide.src + '"
width="60" height="60" /></a></li>';
    }
});

the thing is since each portfolio image with it's side text is in in a
li the slide.src cannot find the path to the image.

My question is how can I define the src so that my image pagers can be
build correctly?

Please someone help!