Php jQuery滑块：第一张幻灯片上的淡出/淡出效果不起作用

我有一个简单的图像幻灯片，并使用jQuery淡出一个和淡入另一个，但效果只有在第一次之后才能工作

jQuery：

    setInterval(function() {
        jQuery('#slider > div:nth-child(2)')
            .fadeOut()
            .next()
            .fadeIn()
            .end()
            .prependTo('#slider');

            jQuery('#slider > div:nth-child(1)')
                .fadeOut()
                .next()
                .fadeIn()
                .end()
                .prependTo('#slider');

    },  5000);

CSS:

---

我认为这与你预先设置并隐藏第一个元素有关。请尝试以下方法（代码中的注释解释发生了什么）：

setInterval（函数（）{
//获取第一张和第二张幻灯片：
var slide=jQuery（“#slider>div:n个子项（1）”，
nextSlide=slide.next（）；
//淡出第一张幻灯片
幻灯片淡出（“慢”，功能（）{
//动画完成后，淡入第二张幻灯片并将第一张幻灯片移动到第二个位置，以便动画反向重复
nextSlide.fadeIn（'slow'）。在（幻灯片）之后；
});
}, 5000);
#滑块{
位置：相对位置；
}
#滑块>分区：第n个子项（2）{
显示：无；//始终隐藏第二张幻灯片
}

试验
测试1
测试2
测试3
示例代码位于此处的链接中，请检查此链接是否有助于您。。如果我需要添加一个图像，我只需要旋转第一个和第二个幻灯片？
#slider > div:nth-child(1){
    display:none;
}