jquery - 具有定义的分页器链接的jQuery Cycle

我创建了一个使用循环播放各种促销内容的循环播放器，但是我想为每个页面（除1,2,3等之外）定义特定的描述性寻呼机链接，我知道这是可能的，但无法弄清楚如何...即使在分页器div中添加了元素，它们也会显示出来，但是自动生成的数字才是控制播放器的要素。先谢谢您的帮助！

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

最佳答案

为此，您将需要使用回调函数pagerAnchorBuilder来生成Pager链接。

您可以从函数返回任何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>';
}
  });
})

可以在http://jquery.malsup.com/cycle/pager2.html上查看现场示例