帶有已定義尋呼機鏈接的jQuery Cycle

Question

我建立了一個循環播放各種宣傳片的播放器，但我想爲每個頁面定義具體的描述性尋呼機鏈接（除了1,2,3等）我知道這應該是可能但不知道如何...即使當我在分頁器div中添加元素時，它們也會顯示出來，但是自動生成的數字是控制播放器的。先謝謝您的幫助！

$(document).ready(function(){ 
    $('#promoPlayer').cycle({ 
    fx: 'fade', 
    speed: 600, 
    timeout: 6000, 
    delay: 1000, 
    pager:'#pager' 
    }); 
}) 

Answer 1

爲此，您需要使用回調函數pagerAnchorBuilder來生成尋呼機鏈接。

您可以從該函數返回任何html字符串，並將其作爲第一個參數接收當前幻燈片。從那裏，你可以創建自己的結構。

$(document).ready(function(){ 
    $('#promoPlayer').cycle({ 
    fx: 'fade', 
    speed: 600, 
    timeout: 6000, 
    delay: 1000, 
    pager:'#pager', 

    // callback fn that creates a thumbnail to use as pager anchor 
    pagerAnchorBuilder: function(idx, slide) { 
    return '<li><a href="#">my custom link #'+ idx +'</a></li>'; 
} 
    }); 
}) 

實況exampe可以在http://jquery.malsup.com/cycle/pager2.html

可以看出