Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/434.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery中图像滑块中的图像自动增量_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript JQuery中图像滑块中的图像自动增量

Javascript JQuery中图像滑块中的图像自动增量,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试图让JQuery中的一个图像滑块在大约2秒钟后移动到下一个图像,我尝试创建一个函数,在加载文档时可以这样做,但我在大约3个小时的谷歌搜索后完全搞不懂 有没有一个JQuery类可以这样做,因为我找不到一个 到目前为止,我的代码是: $('.slider img:first').addClass('active'); var imagewidth = $('.visible-area').width();

我试图让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);  
    }

谢谢

我相信您的变量声明有问题

从jQuery Api文档中:

.size()方法在jQuery 1.8中已被弃用。使用.length 取而代之的是财产

因此,将其用于
var totalimages


尝试登录多个断点以隔离有问题的区域

可能重复的感谢提醒