0

JQuery で画像スライダーを取得して、約 2 秒後に次の画像に移動しようとしています。ドキュメントの読み込み時にこれを行う関数を作成しようとしましたが、約 3 時間の徹底的なグーグル検索の後、まったくわかりません。

これを行う JQuery クラスはありますか?

これまでの私のコード：

        $('.slider img:first').addClass('active');                    

        var imagewidth = $('.visible-area').width();                  
        var totalimages = $('.slider img').size();                    
        var sliderwidth = imagewidth * totalimages;                   
        $('.slider').css({'width': sliderwidth}); 


        function autoImage()
        {
            nextImage();
        }

        function nextImage()
        {
            $active = $('.slider img.active').prev();                 
            if ($active.length==0){                                    
                $active = $('.slider img:last');
            }
            $('.slider img').removeClass('active');                   
            $active.addClass('active');                               

            var count = $active.attr('alt') -1;                       
            var sliderposition = count * imagewidth;                  
            $('.slider').hide();
            $('.slider').animate({'left': -sliderposition}, 500).fadeIn(1000);  
    }

ありがとう

4

1 に答える 1

1

変数宣言に問題があると思います。

jQuery API ドキュメントから:

.size() メソッドは、jQuery 1.8 で非推奨になりました。代わりに .length プロパティを使用してください。

代わりにそれを使用してくださいvar totalimages

問題のある領域を分離するために、いくつかのブレークポイントでログを記録してみてください

于 2013-10-19T17:41:03.273 に答える