Пагинация слайдера изображений

Question

Я хочу создать нумерацию страниц для этого слайдера изображений, который я создаю, но понятия не имею, как это сделать.Кто-нибудь может мне помочь?

Вы можете увидеть слайдер здесь:

http://matthewruddy.com/slider

Заранее спасибо.Мэтью.

Answer 1

Вот мой код и демо: http://jsbin.com/apawe4

Сначала определите элемент Index of li ( .page ) и анимируйте элемент в соответствии с индексом элемента.следующий код говорит о чем я говорю =)

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