Question

我正在尝试使用Jquery Cycle构建自定义图像+描述旋转器/ w自定义缩略图。

有点像这个例子：http://www.malsup.com/jquery/cycle/pager2.html，但是使用DIV（而不是图像）和备用目录中的自定义缩略图。

根据我的理解，这就是我如何使用DIVS构建上面的示例：

$('#slideshow').before('<ul id="nav">').cycle({ 
    fx:     'turnDown', 
    speed:  'fast', 
    timeout: 0, 
    pager:  '#nav', 

    // callback fn that creates a thumbnail to use as pager anchor 

pagerAnchorBuilder: function(idx, slide) {
                        var src = $('img',slide).attr('src');
                        return '<li><a href="#"><img src="' + src + '" width="100" height="50" /></a></li>';
                }
});

如何解析/修改'src'或只是拉文件名而不是目录？

这不起作用，但它有点像我想做的......

pagerAnchorBuilder: function(idx, slide) {
                        var src = $('img',slide).attr('src');
var thumbdir = 'static/images/thumbs/';
                        return '<li><a href="#"><img src="' thumbdir + src + '" width="100" height="50" /></a></li>';
                }

基本上......如果$ slideshow中大图像的图像src目录是静态/ images / full /我如何使用pagerAnchorBuilder从static / images / thumbs /（文件名相同）中拉出来？

Answer 1

看看我的代码...... here现在链接工作

问题：Jquery循环 - 图像+描述rotator / w自定义缩略图

1 个答案: