javascript - JQuery 图像 slider 中的自动增量图像

Question

我试图让 JQuery 中的图像 slider 在大约 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);  
    }

谢谢

Answer 1

我认为您的变量声明有问题。

来自 jQuery Api 文档:

The .size() method is deprecated as of jQuery 1.8. Use the .length property instead.

所以用它代替 var totalimages

尝试记录几个断点以隔离有问题的区域