检查了有关SO的各种问题,但没有发现与我所追求的完全匹配的内容......
我正在使用 jQuery 和 iViewer 的组合构建图像查看器。 。以下是在 iviewer 中调用不同图像的代码:
$("#chimg").click(function()
{
iv1.iviewer('loadImage', "img/01.jpg");
return false;
});
可以看出,我已经按顺序命名了图像。现在,所有图像都使用单独的链接进行调用,每个图像一个链接,但理想情况下我希望能够添加上一张和下一张图像按钮。
由于图像是按顺序命名的,我想知道是否有一种方法可以通过将“1”的值添加到当前图像来调用序列中的下一个图像?显然,如果有必要,我很乐意更改文件的命名约定。
(免责声明:我学得很快,但我对 javascript 也很陌生。经过讨论的解决方案确实是首选......)
最佳答案
这应该可以解决问题...
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 填充的数字。
关于javascript - 如何使用 javascript(jQuery 和 iviewer)通过向 img src 增量添加 1 来更改图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9113913/