Javascript 无白色区域的jQuery滑块淡入淡出效果

嗨

我目前正在使用背景滑块，但我无法使其按我希望的方式工作

所以我需要的是一个淡入淡出的效果，它不会在图像之间产生空白

所以。。。下图应为

fadeIn

，但当下图的

fadeIn

效果完成时，当前图像应保持不变并为

fadeOut

。（如果有道理的话）

这是我正在使用的当前

脚本

：

$（文档）.ready（函数（）{
var计数=1；
变量图像=[”http://i.imgur.com/HX0X6lV.png", "http://i.imgur.com/N50Ye7i.png", "http://i.imgur.com/TFG5oaa.png"];
变量图像=$（“.background”）；
setInterval（函数（）{
image.fadeOut（500，函数（）{
css（“背景图像”，“url”（+images[count++]+”）；
fadeIn（500）；
});
if（count==images.length）
{
计数=0；
}
},3000);
});
.background{
位置：绝对位置；
宽度：100%；
身高：100%；
排名：0；
左：0；
背景尺寸：封面；
背景位置：中心；
背景图像：url（“http://i.imgur.com/HX0X6lV.png");
}