Jquery cycle advance pager - 別のサムネイル画像ソースを呼び出す方法は？

Question

次のマークアップを使用して、jqueryサイクルのスライドショーを設定しています。しかし、別のイメージsrcを使ってサムネイルを実装する方法を理解したいと思います。拡大画像srcがimage-file-name.jpgの場合、src th-image-file-name.jpgでサムネイルを呼び出すにはどうすればよいですか？

<script type="text/javascript"> 
$(document).ready(function() { 
$('#s2').cycle({ 
fx:  'fade', 
speed: 'slow', 
timeout: 0, 
next: '#next', 
prev: '#prev', 
pager: '#thumbs', 
after: onAfter, 

// callback fn that creates a thumbnail to use as pager anchor 
pagerAnchorBuilder: function(idx, slide) { 
return '<li><a href="#"><img src="' + jQuery(slide).find('img').attr('src') + '" width="140" height="140" /></a></li>'; } 

}); 


function onAfter(curr, next, opts, fwd) { 
var index = opts.currSlide; 
//$('#prev')[index == 0 ? 'hide' : 'show'](); 
//$('#next')[index == opts.slideCount - 1 ? 'hide' : 'show'](); 
//get the height of the current slide 
var $ht = $(this).height(); 
//set the container's height to that of the current slide 
$(this).parent().animate({height: $ht}); 
} 
}); 
    </script> 

Answer 1

私はこのチュートリアルでは、あなたが探しているものを達成するのに役立ちます信じている：ここではTutorial

はデモです：Demo