SlideShow函数

Question

我有一个幻灯片显示功能，它简单地将背景更改为七幅不同的图像。

我有一个变量limit和start索引。

它工作正常，但问题是我需要一直调用这个函数(经常吗？)当索引等于限制时，函数停止工作。如何重新设置索引？

职能：

(function indexSlideShow(index) 
{
    var $limit = 7;
    setTimeout(function() 
    {
        $('#eventDetails').fadeTo(800, 1, function()
        {
            $('#eventDetails').css(
            {
                "background" : "url(images/indexImgs/bigBg/" + index + ".jpg) no-repeat",
                "background-position" : "cover"
            })
        }).fadeTo(800, 1);
    }, 4000);

    index++;

    if (index <= $limit-1) 
    {
        setTimeout(function()
        {
            indexSlideShow(index)
        },4000)
    };
})(1); 

Answer 1

您可以说，如果达到限制，则应该在if (index <= $limit-1) {}语句之前重置索引。就像这样：

if (index == $limit-1) {
    index = 0;
} 

setTimeout(function()
    {
        indexSlideShow(index)
    },4000)
};

Answer 2

这是解决办法。也许对某个人来说是有用的

    /* index slide show function */
    (function indexSlideShow(index) {

        var $limit = 7;

            setTimeout(function() {

            $('#eventDetails').fadeTo(800, 1, function(){

            $('#eventDetails').css({

                "background" : "url(images/indexImgs/bigBg/" + index + ".jpg) no-repeat",
                "background-position" : "cover"
            })

            }).fadeTo(800, 1);

        }, 4000);

        index++;         

        if (index == $limit) {

            setTimeout(function(){

                 indexSlideShow(0);

            },4000);

        } else  if (index < $limit) {

            setTimeout(function(){

                indexSlideShow(index);

            },4000);
        }  

    })(1);//end index slide show function