Javascript 身体背景图像幻灯片过渡而不是淡入淡出

对于主体，我有三个不同的图像，我有一个javascript函数，可以在这两个函数之间更改类

function bgchange()
    {
        document.body.className = 'intro2';
        setTimeout(bgchange2, 3000);
    }

三个不同背景的类是这样的

.intro {
background: url('../img/home-bg.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
-webkit-transition: background 300ms ease-in 200ms; 
-moz-transition: background 300ms ease-in 200ms;
-o-transition: background 300ms ease-in 200ms;
transition: background 300ms ease-in 200ms;
}

    .intro2 {
background: url('../img/home-bg2.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
-webkit-transition: background 300ms ease-in 200ms; 
-moz-transition: background 300ms ease-in 200ms;
-o-transition: background 300ms ease-in 200ms;
transition: background 300ms ease-in 200ms;
}

---

这给了我一个淡入淡出的过渡，但不是淡入淡出的过渡，我想要一个向上滑动的效果，当新的类img出现在下面时，我尝试了从css背景位置到使用javascript的一切，但我想不出有什么帮助吗？

我不确定我得到了你想要的，但如果我理解正确，这可能是一个选项

var e=0；
var images=document.getElementsByTagName（'img'）；
对于（变量i=0；i

#容器{
边缘顶部：50px；
左边距：50像素；
宽度：200px；
高度：200px；
位置：相对位置；
背景：#FFFFFF；
溢出：隐藏；
边框：1px纯红；
}
#内容{
宽度：继承；
身高：继承；
位置：绝对位置；
顶部：0px；
左：0px；
}
img{
位置：绝对位置；
宽度：继承；
身高：继承；
底部：0px；
左：0px；
-webkit过渡：在200毫秒内轻松转换1.5秒；
-moz转换：在200毫秒内转换1.5秒的轻松度；
-o型转换：在200ms内轻松转换1.5s；
过渡：在200毫秒内转换1.5秒；
}

我们在这里是为了帮助您，而不是为您做事。这是非常完美的，想一想，它只需要一点点调整

你必须使用动画而不是过渡。你必须使用背景还是可以在div中使用图像！这将是完美的，如果它一直向下滑动，第一个图像会出现，而不是滚动回来的人，我们在这里帮助你，而不是为你做的事情。试着做点什么，如果你在完成这件事上有困难，请寻求帮助。但不要说这会是完美的。。。它已经完成了，不需要太多的工作就可以让它按照你想要的方式工作。你只要想一想。