Javascript 向现有幻灯片添加简单分页

我想在此现有脚本中添加简单分页：

因此，基本上它会计算

实例的数量，然后生成一个列表（例如1-2-3-4），每个列表都有一个指向特定幻灯片的超链接

我对Javascript不太感兴趣，所以希望能得到一些帮助

有人能告诉我如何做到这一点吗

---

非常感谢您的指点：-）

基本上，您希望使用变量numberOfSlides为每张幻灯片添加一个link元素，然后将闭包添加到这些链接上的绑定中。通过在创建每个链接时为其指定计数器变量，可以重用动画计算

for(i = 0; i < numberOfSlides; i++) {
    (function() {
        var slideIndex = i;
        var slideLabel = i + 1;
        var x = $('<a id="slide' + slideLabel + '"href="javascript:void(0);" class="paginatorLink">' + slideLabel + '</a>'); //Format your links here
        x.click(function() {
            currentPosition = slideIndex;
            // Hide / show controls
            manageControls(currentPosition);
            $('#slideInner').animate({
                'marginLeft': slideWidth * -slideIndex
            });
        });
        $('#slideshow').append(x);
    })();
}

for（i=0；i

---

这里有一个小问题：

基本上，您希望使用变量numberOfSlides为每个幻灯片添加一个link元素，然后向这些链接上的绑定添加闭包。通过在创建每个链接时为其指定计数器变量，可以重用动画计算

for(i = 0; i < numberOfSlides; i++) {
    (function() {
        var slideIndex = i;
        var slideLabel = i + 1;
        var x = $('<a id="slide' + slideLabel + '"href="javascript:void(0);" class="paginatorLink">' + slideLabel + '</a>'); //Format your links here
        x.click(function() {
            currentPosition = slideIndex;
            // Hide / show controls
            manageControls(currentPosition);
            $('#slideInner').animate({
                'marginLeft': slideWidth * -slideIndex
            });
        });
        $('#slideshow').append(x);
    })();
}

for（i=0；i

这是一把小提琴：