Jquery Cycle : Cycling gallery, 缩略图和标题？

Question

我正在使用 Malsup 的 Cycle() JQuery 插件，并尝试让它显示图库中的图像、缩略图列表以及每个缩略图下的标题。我的代码如下:

<div id="slideshow">
    <ul>
    <li style="background-image:url(img/jack.jpg);"><a href="#"><img src="img/jack-title.png" alt="Visit Jack"/></a></li>
    <li style="background-image:url(img/jill.jpg);"><a href="#"><img src="img/jill-mysteries.png" alt="Visit Jill"/></a></li>
    <li style="background-image:url(img/jenn.jpg);"><a href="#"><img src="img/jenn-title.png" alt="Visit Jenn"/></a></li>
    </ul>
</div>

<div id="nav"></div>

<script type="text/javascript">
$("#slideshow ul").cycle({
    pager:'#nav',
    pagerAnchorBuilder: function(idx,slide){return '<a href=""><img src="tn_'+idx+'.jp" width="50" height="50"/><br/></a>';
    }
    });
</script>

这一切都工作正常，除了我似乎无法访问每个循环图像上的 ALT 属性。我想用它来制作标题(在 pagerAnchorBuilder 中的换行符 BR 之后添加)。有人知道如何实现吗？

Answer 1

看到这个 fiddle :http://jsfiddle.net/bwwcq/ (当然没有图像)

有问题的行是:

var alt = $('img', slide).attr('alt');

顺便说一句，喜欢这个插件。