Javascript 图像全宽，淡入淡出时淡入

我正在尝试使用JQUERY创建一个脚本，每5秒更改一次背景图像。问题是，我不能让图像全屏显示。我遇到的另一个问题是，一个图像淡出，所以其他图像可以淡入，但它们之间有一个空白。有没有办法在淡入淡出的同时开始淡入淡出

$（窗口）.load（函数（）{
var i=0；
var images=['geral2.jpg'、'geral3.jpg'、'geral4.jpg'、'geral5.jpg'、'geral6.jpg']；
var image=$（“#slideit”）；
css（'background'，'url（geral1.jpg）无重复中心固定'；
setInterval（函数（）{
图像淡出（1000，函数（）{
css（'background'，'url（'+images[i++]+'）无重复中心固定）；
fadeIn（1000）；
});
if（i==images.length）
i=0；
}, 5000);
});

请参阅此参考资料：它是一个背景滑块，可以拉伸全屏（无论是宽度还是长度），并且具有您想要的渐变效果

在此处访问要更改/更改的所有设置：

易于安装，使用时看起来很棒。所有可供下载的代码

代码看起来很简单，如下所示：

$elmt.vegas({
    slides: [
        { src: '/img/slide1.jpg' },
        { src: '/img/slide2.jpg' },
        { src: '/img/slide3.jpg' }
    ],
    transition: 'fade'
});

---

为了防止上面的任何链接损坏，您始终可以从github通过以下链接进行分叉/下载：

使用两个单独的图像，一个在另一个之前，在淡入下一个图像时淡出最后一个图像。使用上面的脚本更改图像。我想我做不到。这也是一样的，但是他的背景色设置为黑色而不是白色。我只是想添加一个，如果你想同时进行淡入淡出，只需在淡出回调之外进行第二次淡入淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出。你能用钢笔展示和举例吗？最好不要把你的答案作为链接。链接已损坏，将导致您的答案无效。我将编辑并包含更多详细信息。