javascript - 如何使用 javascript(jQuery 和 iviewer)通过向 img src 增量添加 1 来更改图像？

Question

检查了有关SO的各种问题，但没有发现与我所追求的完全匹配的内容......

我正在使用 jQuery 和 iViewer 的组合构建图像查看器。 。以下是在 iviewer 中调用不同图像的代码:

$("#chimg").click(function()
{
   iv1.iviewer('loadImage', "img/01.jpg");
   return false;
});

可以看出，我已经按顺序命名了图像。现在，所有图像都使用单独的链接进行调用，每个图像一个链接，但理想情况下我希望能够添加上一张和下一张图像按钮。

由于图像是按顺序命名的，我想知道是否有一种方法可以通过将“1”的值添加到当前图像来调用序列中的下一个图像？显然，如果有必要，我很乐意更改文件的命名约定。

(免责声明:我学得很快，但我对 javascript 也很陌生。经过讨论的解决方案确实是首选......)

Answer 1

这应该可以解决问题...

var i = 0;

$("#chimg").click(function()
{
    i++;
    iv1.iviewer('loadImage', "img/" + ("0" + i).slice(-2) + ".jpg");
    return false;
});

这个...

("0" + i).slice(-2)

...将 0 添加到 i 中存储的任何值的开头，然后获取最后 2 个字符，这样您就得到了 0 填充的数字。