Question

我有一系列图片ID。

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>

当用户在最后一个索引nr上单击“下一步”时，这允许图像旋转并在索引0处再次开始。 4.同样适用于使用“上一步”旋转。

我想像这样显示当前位置的计数器：

<div>Image 3 of 5</div>

如何实现在索引0处始终从1开始并且将双向旋转的计数器？

Answer 1

function updateCounter(){
   document.getElementById("counter").innerHTML = "Image "+(currindex+1)+" of "+max;
}

使用ID为“counter”的代码添加一些元素，并将函数updateCounter()添加到点击事件中。

Javascript旋转递增计数器从1开始

1 个答案: