添加规则以在循环中设置单个数字条件

Question

我有一个循环显示28张图像的功能。

第一张图片是1234jd01.jpg，然后1234jd02.jpg一直到09.jpg

在循环从01变为09之后，它应该转到10，12并一直向上28然后循环回来。

然而，我的代码只有1,2,4 - 9，然后是10, 11才有效。

我可以在第一组中添加0，如果它是一位数，然后在28位停止吗？那么第一块图像没有显示为缺失？

jsFiddle是：http://jsfiddle.net/khaleelm/Vv2u3/2/

我的代码是

$(function () {
    var i = 01;
    var interval = setInterval(function () {
        jQuery('.animationMax img').attr({
            src: 'http://jdsports.scene7.com/is/image/JDSports/127932jd' + i + '?hei=255&wid=427&resmode=sharp&op_usm=1.1,0.5,0,0&defaultImage=JDSports/sizeImageMissing'
        });
        i++;
        if (i === 28) i = 01; //38 images has been shown, stop the interval
    }, 100);
});

Answer 1

试试这个..........

<强>代码：

$(function () {
    var i = 1;
    var interval = setInterval(function () {
        jQuery('.animationMax img').attr({
            src: 'http://jdsports.scene7.com/is/image/JDSports/127932jd'+('0'+i).slice(-2)+ '?hei=255&wid=427&resmode=sharp&op_usm=1.1,0.5,0,0&defaultImage=JDSports/sizeImageMissing'
        });
        i++;
        if (i === 28) i = 1; //38 images has been shown, stop the interval
    }, 100); });

UPDATED FIDDLE......................................................................

Answer 2

试试这个：

$(function () {
    var i = "01";
    var interval = setInterval(function () {
        jQuery('.animationMax img').attr({
            src: 'http://jdsports.scene7.com/is/image/JDSports/127932jd' + i + '?hei=255&wid=427&resmode=sharp&op_usm=1.1,0.5,0,0&defaultImage=JDSports/sizeImageMissing'
        });
        i++;
        i = ('0' + i).slice(-2);
        if (i == 28) i = "01"; //38 images has been shown, stop the interval
    }, 100);
});

Fiddle example