Вращающийся счетчик JavaScript, начинающийся с 1 - PullRequest
Новая
       6

Вращающийся счетчик JavaScript, начинающийся с 1

0 голосов
/ 12 марта 2012

У меня есть массив идентификаторов изображений. 

var images = ['238239', '389943', '989238', ... ];
max = images.length;

Индекс массива, очевидно, начинается с 0. Размер массива может варьироваться .

Например.Если в массиве 5 изображений, индексы будут 0, 1, 2, 3, 4.

Я меняю изображения с помощью Jquery, увеличивая текущий индекс следующим образом: 

<script>

currindex = 0

// Previous image, onclick event swap
    $("previous").click(function(){
        currindex = (currindex+1) % max;   
        ...some more code to swap image...
    });


// Next image, onclick event swap
    $("next").click(function(){
    currindex = (currindex+max-1) % max;
    ...some more code to swap image...
}

</script>

Это позволяет изображениям вращаться и начинать заново с индекса 0, когда пользователь нажимает «Далее» в последнем номере индекса.4. То же самое относится к повороту с «Предыдущим».

Я хочу отобразить счетчик текущей позиции следующим образом: 

<div>Image 3 of 5</div>

Как реализовать счетчик, который всегда начинается с1 при индексе 0 и будет вращаться в обе стороны?

1 Ответ

1 голос
/ 12 марта 2012 
function updateCounter(){
   document.getElementById("counter").innerHTML = "Image "+(currindex+1)+" of "+max;
}

Добавьте в код некоторый элемент с идентификатором «counter» и добавьте функцию updateCounter() к обоим событиям щелчка.

...