带有字幕的Jquery缩略图寻呼机？答案

【问题标题】：Jquery Thumbnail Pager with Captions?带有字幕的Jquery缩略图寻呼机？
【发布时间】：2010-01-22 22:00:01
【问题描述】：

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

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

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

【问题讨论】：

标签： jquery pager

【解决方案1】：

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

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

【讨论】：

首先，感谢您这样做，因为它确实有效。如果我要在那个页面上有 30 个左右的样本，就会有很多“面板”。必须有一个我可以与寻呼机一起使用的javascript函数，不是吗？就像一个“之后”回调。我只是不知道如何编码。再次感谢您，非常感谢您提供更多帮助。

【解决方案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>

【讨论】：