我正在尝试使用 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 目录是 static/images/full/ 我如何使用 pagerAnchorBuilder 从 static/images/thumbs/ （文件名将相同）中提取缩略图？