Caroufredsel Pagination: Не номера, но названия

Question

Я создаю карусельную разбивку на страницы с использованием плагина Caroufredsel. Я хочу создать пользовательские уникальные заголовки, а не номера по умолчанию в разбивке на страницы. Я хочу, чтобы каждый раздел был совершенно другим. На данный момент мне удалось использовать «anchorBuild» для добавления в aphphabetabet Titles (например, test), но не полностью разных Titles. Ваша помощь будет оценена!

$('#foo0').carouFredSel({ 
     auto: { duration: 600 }, 
     pagination: { 
     container:".menu", 
     anchorBuilder: function(nr) { return '<li><a href="#"><span>Test '+nr+'</span></a></li>';} 
     }, 
     mousewheel: true, 
     swipe: { onMouse: true }, 
    }); 

<ul class="menu"> 
    <li><a href="#environment">Environment</a></li> 
    <li><a href="#market">Marketplace</a></li> 
    <li><a href="#community">Community</a></li> 
    <li><a href="#workplace">Workplace</a></li> 
</ul> 

Answer 1

Согласно plugin's documentation (более старых документы найдены here), вы можете просто установить achorBuilder: false, а затем использовать свой собственный HTML-разметку с пользовательскими названиями.

Так что-то подобное для HTML (примечание: я добавил <span> сек, чтобы соответствовать документации):

<ul class="menu"> 
    <li><a href="#Environment"><span>Environment</span></a></li> 
    <li><a href="#Marketplace"><span>Marketplace</span></a></li> 
    <li><a href="#Community"><span>Community</span></a></li> 
    <li><a href="#Workplace"><span>Workplace</span></a></li> 
</ul> 

И тогда ваш Jquery:

$('#carousel').carouFredSel({ 
    auto: { 
     duration: 600 
    }, 
    pagination: { 
     container: ".menu", 
     anchorBuilder: false 
    }, 
    mousewheel: true, 
    swipe: { 
     onMouse: true 
    } 
}); 

Здесь рабочий jsfiddle ,