使用jquerycycle，AnchorBuilder如何在DIV中找到图像的SRC？

JQuery循环插件非常棒。对于我的特定安装，我想结合两个示例：缩略图寻呼机和它循环DIV而不是图像的功能

目标是设置一组缩略图，单击这些缩略图时可以更改DIV。该DIV将包含大图像和一个带有HTML的框（特别是一些链接）

我在这里做了一个粗略的版本，拇指在左下角，DIV在右下角是灰色的。这个形象不是我的；我只是为了演示而抓取它：

目标：单击缩略图，框中的大图像和文本都会更改

缩略图是通过获取幻灯片的SRC属性并缩小它来创建的。不幸的是，当图像嵌入到DIV中时，插件找不到SRC属性，因此缩略图会断开

以下是构建循环的代码：

<script type="text/javascript">
  $(function() {
    $('#slideshow').after('<ul id="nav">').cycle({
      fx: 'fade',
      speed:  'slow',
      timeout: 0,
      pager:  '#nav',
      pagerAnchorBuilder: function(idx, slide) {
        return '<li><a href="#"><img src="' + slide.src + '" width="49" height="25" /></a></li>';
            }
        });
    });
    </script>

$（函数（）{
$（“#幻灯片放映”）。在（“
”）之后。循环({
外汇：“淡出”，
速度：“慢”，
超时：0，
寻呼机：“#导航”，
pagerAnchorBuilder:函数（idx、幻灯片）{
返回“
”；
}
});
});

这适用于以下HTML块：

<div id="slideshow" class="pics">
    <img src="/images/01_sm.jpg" class="first" title="title" height="329" />
    <img src="/images/02_sm.jpg" title="title" width="642" height="329" />
    <img src="/images/03_sm.jpg" title="title" width="642" height="329" />
</div>

但如前所述，当它们被包裹在div中时会断裂，因此：

<div id="slideshow" class="pics">
    <div><img class="slideimg" src="/images/01_sm.jpg" class="first" title="title" height="329" /><div class="menu">foo</div></div>
    <div><img class="slideimg" src="/images/02_sm.jpg" title="title" width="642" height="329" /><div class="menu">foo</div></div>
    <div><img class="slideimg" src="/images/03_sm.jpg" title="title" width="642" height="329" /><div class="menu">foo</div></div>
</div>

福
福
福

因此，所有这些都已确定，问题变成：

如何将slide.src替换为可以查看上述div并找到当前幻灯片src的内容？

提前感谢你的帮助。我希望解决方案足够简单，可以添加到不断扩展的JQuery循环示例列表中。

您尝试过以下方法吗：

pagerAnchorBuilder: function(idx, slide) {
    return '<li><a href="#"><img src="' + slide.find('img').attr('src') + '" width="49" height="25" /></a></li>';
        }

pagerAnchorBuilder:函数（idx，幻灯片）{
返回“
”；
}

就像瓦苏说的那样。。。但您必须使用jQuery（幻灯片）而不是幻灯片：

pagerAnchorBuilder: function(idx, slide) {
    return '<li><a href="#"><img src="' +
           jQuery(slide).find('img').attr('src') +
           '" width="49" height="25" /></a></li>';
}

pagerAnchorBuilder:函数（idx，幻灯片）{
返回“
”；
}