문제 : Jquery Cycle - 이미지 + 설명 rotator/w 맞춤 미리보기 이미지

Question

Jquery Cycle을 사용하여 맞춤 이미지 + 설명 rotator/w 맞춤 미리보기 이미지를 만들려고합니다.

예 : http://www.malsup.com/jquery/cycle/pager2.html과 같은 형식이지만 이미지 대신 DIV와 대체 ​​디렉토리의 맞춤 미리보기 이미지를 사용합니다.

$('#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'를 수정하거나 디렉토리가 아닌 파일 이름을 당겨/분석 않습니다 :이 이해할 수있는 것과

은 내가 사용 div의 위의 샘플을 빌드 거라고 어떻게?

이 작동하지 않습니다하지만 내가하고 싶은 어떤 종류의 .... 기본적으로

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를 사용하여 정적/이미지/엄지 손가락/(파일 이름이 동일합니다)에서 pullthumbnails합니까?

Answer 1

내 코드를 살펴보세요 ... here 링크 작업