[jQuery] pagerAnchorBuilder and slide.src

[jQuery] pagerAnchorBuilder and slide.src


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!