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

Posted 2023-02-26

【中文标题】带有字幕的Jquery缩略图寻呼机？

【英文标题】：Jquery Thumbnail Pager with Captions?

【发布时间】：2010-01-22 22:00:01

【问题描述】：

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

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

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

【参考方案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 + '"   /></a></li>';
        
    );
);
</script>