Javascript 使此jQuery幻灯片交叉淡入淡出

我在我的主页部分创建了一个幻灯片，如下所示：

$（文档）.ready（函数（）{
var计数=0；
//将这些图像替换为要测试的外部图像
变量图像=[”http://anamarcela.info/imgs/bg2.jpg",
"http://4.bp.blogspot.com/_N_mOB63qPaE/TTSdf7e6YAI/AAAAAAAARsU/YuG9YakI-VI/s1600/3d-wallpaper-Nature.jpg",
"http://m.jinjianginns.com/images/1.png",
"http://onepage.owenforsyth.com/1page/wp-content/uploads/2016/03/bg3.jpg"];
变量图像=$（“.fader”）；
css（“背景图像”，“url”（+images[count++]+”）；
setInterval（函数（）{
image.fadeOut（500，函数（）{
css（“背景图像”，“url”（+images[count++]+”）；
fadeIn（500）；
});
if（count==images.length）
{
计数=0；
}
},4000);
});
.fader{
位置：绝对位置；
身高：100%；
宽度：100%；
左：0；
排名：0；
z指数：-99；
背景重复：无重复；
背景尺寸：封面；
}
.家{
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
填充：9em041em0；
颜色：白色；
}

城市现象
设计+研究
您是否可以修改代码，以便我能够运行代码段？要应用这种效果，您至少需要2个“图像”元素，淡入淡出的元素必须位于另一个元素的“顶部”（z索引）。要使用
animate（）
进行交叉淡入淡出，请在设置中添加
队列：false
object@Vivick，你能告诉我怎么做吗，请？例如，对于淡出的图像，
$（/*selector*/）.animate（{/*css properties to animate*/}，{queue:false，/*other settings*/}）