問題：jquery循環 - 圖像+描述旋轉器/ w自定義縮略圖

Question

我試圖建立一個自定義圖像+描述旋轉器/ w自定義縮略圖使用jquery循環。

有點像這個例子：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>'; 
       } 

基本上...如果在$幻燈片的大圖像的圖像src目錄是靜態/圖片/全/如何使用pagerAnchorBuilder從靜態/圖像/大拇指/（文件名將相同）拉出縮略圖？

Answer 1

看看我的代碼... here LINK立即開始工作