图片滑块分页

Question

我希望为这个图片滑块创建分页但是我不知道如何去做。任何人都可以帮我吗？

您可以在这里看到滑块：

http://matthewruddy.com/slider

在此先感谢。 马修。

Answer 1

这里是我的代码&演示：http://jsbin.com/apawe4

首先确定的指标li（。第）个元素并根据元素索引对元素进行动画处理。以下代码说明我在说什么=）

$(document).ready(function(){ 
    var sliderwidth = 500; 
    $('#navigation li').bind('click',function() { 
    $('.slider').animate({left:"-" + sliderwidth * $(this).index() },1000); 
    }); 
}) 

Answer 2

由于您使用的是currentimage变量来控制您正在查看和移动的图像，因此您可以通过捕获点击的数字并制作currentimage = number - 1来完成此操作。然后，它也只是馈入这类似于函数的无论什么你已经做在nextnumber()：

$('li.page').click(function(){ 
    // Get the clicked number 
    var currentimage = parseInt($(this).text()) - 1; 

    // Paging function similar to nextnumber() 
    page(currentimage); 
});