使用jquery滑块分页

Question

我正在尝试创建一个具有分页的滑块。
例如，在这个jsfiddle中，我制作了
http://jsfiddle.net/ALtW9/

这是我到目前为止所尝试的

$('#a1').click(function () {
   $('#slider ul').animate({
            left: 0
        }, 200, function () {
            $('#slider ul li:first-child').appendTo('#slider ul');
            $('#slider ul').css('left', '');
        });
});


$('#a2').click(function () {
    $('#slider ul').animate({
            left: + slideWidth
        }, 200, function () {
            $('#slider ul li:first-child').appendTo('#slider ul');
            $('#slider ul').css('left', '');
        });
});

顶部有一个1,2,3表示一个数字。 当我点击3时，它将动画移动到第3个div。当我点击第一个时，它将移动到第一个，依此类推。

当前脚本仅移至下一个和上一个。对此有何想法？

Answer 1

尝试使用NivoSlider。您可以使用设置

中的数字替换分页

Nivo slider

Answer 2

我强烈建议使用bxslider（http://bxslider.com）。它非常可定制，允许您执行上述操作。