Проблема: JQuery Cycle - Изображение + Описание пользовательских миниатюр ротатора/w

Question

Я пытаюсь создать пользовательские эскизы Picture/Description с помощью JQuery Cycle.

Что-то вроде этого примера: 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>'; 
       } 

В принципе ... Если каталог изображений ЦСИ для больших изображений в слайд-шоу $ статична/изображений/полный/Как я могу вывести эскизы из static/images/thumbs/(имена файлов будут идентичными) с помощью pagerAnchorBuilder?

Answer 1

взглянуть на мой код ... here LINK РАБОТА NOW