Question

这是我的代码

$(function(){
    var $list = $('.my-loading-list'),
        $imgs = $list.find('img'),
        animateImages = function(){
            var active = 0;
            setInterval(function(){
                active = $list.find('img.active').index();
                if(active > $imgs.length){
                    active = 0;
                } else {
                    active++;
                }
                $imgs.attr('src', 'https://cdn3.iconfinder.com/data/icons/cool-me-down-thermometers/70/Weather_cloudy_grey-128.png');
                $imgs.eq(active).addClass('active').attr('src', 'https://cdn3.iconfinder.com/data/icons/vibrant-weather/70/Colour_Weather_cloudy_grey-128.png');
            }, 300);

            setInterval(function(){
                $imgs.removeClass('active');
            }, 600);
        };

    animateImages();
});

这是片段：

https://jsfiddle.net/8d4xfjgt/

我也需要为第三张图片制作动画。一个和两个正在改变它们的来源，但不是第三个。

请建议。

Answer 1

您想要像这样逐个更改3张图片，还是同时更改所有图片？问题是这个值没有正确更新active = $ list.find（＆＃39; img.active＆＃39;）。index（）。它取值-1,0或

jquery图像活动/非活动加载

1 个答案: