带有标题的Jquery缩略图寻呼机?

时间:2010-01-22 22:00:02

标签: jquery pager

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

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

我有一个缩略图图片寻呼机,我只想让每张幻灯片都在大照片下方有描述。它可以做到,对吧?请帮帮忙?!

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

<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>