jquery - 带有字幕的Jquery缩略图寻呼机？

Question

我知道必须有一个简单的解决方案！

http://procollage.com/site10/wall-of-fame/favs-cycle.html

我有一个缩略图寻呼机，我只希望每张幻灯片在大照片下方都有一个描述。可以做到的，对吧？请帮忙？！

Answer 1

我建议您创建一个链接列表。每个链接对应下面的一个面板。面板绝对定位在另一个之上。当您单击一个链接时，它会淡出所有不对应的面板，并显示它自己的面板。

示例：http: //jsbin.com/ubebo/2/edit

Answer 2

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