javascript - 使用 jquery 的 slider 分页

Question

我正在尝试创建一个带有分页的 slider 。
例如，在这个 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 时，它会动画移动到第三个 div。当我单击第一个时，它将移动到第一个，依此类推。

当前脚本只移动到下一个和上一个。对此有什么想法吗？

Answer 1

尝试使用 NivoSlider。您可以在设置中用数字替换分页

Nivo slider