Question

我希望为我正在创建的图像滑块创建分页但是我不知道如何去做。谁能帮助我？

您可以在此处看到滑块：

提前致谢。马修。

Answer 1

由于您使用的是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);
});

Answer 2

这是我的代码＆amp;演示： http://jsbin.com/apawe4

首先确定li（ .page ）元素的索引，并根据元素索引为元素设置动画。以下代码说出我在说什么=）

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

图像滑块分页

2 个答案: