0

Web サイトに 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 に答える