Цикл jQuery с определенными ссылками на пейджер

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>'; 
} 
  });
})

Живой экзамен можно увидеть на http://jquery.malsup.com/cycle/pager2.html