需要在两个背景之间添加淡入淡出效果

Question

我想为这个jquery背景更改代码添加一个淡入淡出效果

 var images = ['img1.jpg', 'img2.jpg'];
 var i = 0;

 setInterval(function(){
    $('body').css('background-image', function() {
            if (i >= images.length) {
                i=0;
            }
            return 'url(' + images[i++] + ')'; 
        });
 }, 5000);

Answer 1

你想要的结果不能用你目前的方法来完成，我不确定它是否可以用CSSanimations来完成。但是如果你使用两个适合身体的元素，为它们添加背景并相应地淡化它们，你就可以做到这一点。