jQuery：幻灯片的自定义分页

Question

我正在使用Slides，这是jQuery的幻灯片插件，我想知道如何实现自定义分页HTML。目前，当只有一个图像时，它会默认禁用分页，这正是我想要的。但是，当有多个图片，将输出分页下面的HTML：

<ul class="pagination"></ul> 

我想要的东西更像

<div class="more-views"> 
    <h2>More Views:</h2> 
    <ul class="pagination"></ul> 
</div> 

我怎样才能改变它自动生成分页的方式吗？

Answer 1

您可以自定义分页在一定程度上，看到http://slidesjs.com/#examples

不过，如果你想编辑生成的分页，你将不得不去和编辑实际插件源。

Answer 2

1. 生成分页：$('#slides').slides({generatePagination: true,
2. 隐藏它$('.pagination').hide();
3. 使用此功能，在你的代码：

function GoToPage(i){  
    $('.pagination li:eq('+ i +') a').click(); 
}