0

我刚刚在我的网站上设置了一个 Jquery 图像旋转器,并希望对其进行自定义,以便图像在 2 秒后才旋转。

我一直在尝试通过实现 setTimeout 函数(就在 //loop through items 注释所在的位置)来做到这一点,但它一直说我的函数没有被声明,所以我假设 tt 不会在那个地方工作。

$(window).load(function() { //start after HTML, images have loaded
    var InfiniteRotator = {
        init: function() {
            //initial fade-in time (in milliseconds)
            var initialFadeIn = 0;
            //interval between items (in milliseconds)
            var itemInterval = 2000;
            //cross-fade time (in milliseconds)
            var fadeTime = 1000;
            //count number of items
            var numberOfItems = $('.rotating-left').length;
            //set current item
            var currentItem = 0;
            //show first item
            $('.rotating-left').eq(currentItem).fadeIn(initialFadeIn);
            //loop through the items    
            var infiniteLoop = setInterval(function() {
                $('.rotating-left').eq(currentItem).fadeOut(fadeTime);

                if (currentItem == numberOfItems - 1) {
                    currentItem = 0;
                } else {
                    currentItem++;
                }
                $('.rotating-left').eq(currentItem).fadeIn(fadeTime);

            }, itemInterval);
        }
    };
    InfiniteRotator.init();
});​

我使用来自该站点的代码http://trendmedia.com/news/infinite-rotating-images-using-jquery-javascript/

4

2 回答 2

0
setTimeout(function(){
    InfiniteRotator.init();
},2000);
于 2012-08-10T02:46:44.063 回答
0

重写最后一个右括号:

});

好像有隐藏字符。

于 2012-08-10T02:53:14.920 回答