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