帶有字幕的Jquery Thumbnail Pager？

Question

我知道必須有一個簡單的解決方案！

http://procollage.com/site10/wall-of-fame/favs-cycle.html

我有一個縮略圖尋呼機，我只想每張幻燈片有大照片下方的說明。它可以做到，對吧？請幫助？！

Answer 1

<script type="text/javascript"> 
$(function() { 
    $('#slideshow').before('<ul id="nav">').cycle({ 
     fx:  'fade', 
     speed: 'slow', 
     timeout: 0, 
     pager: '#nav', 
     pagerAnchorBuilder: function(idx, slide) { 
      var src = $('img',slide).attr('src'); 
      return '<li><a href="#"><img src="' + src + '" width="50" height="50" /></a></li>'; 
     } 
    }); 
}); 
</script> 

Answer 2

我建議你創建一個鏈接列表。每個鏈接對應於下面的一個面板。面板絕對位於另一個之上。當你點擊一個鏈接時，它會淡出所有不相應的面板，並顯示它自己的面板。

實施例：http://jsbin.com/ubebo/2/edit