Javascript 如何使用jQuery淡入图像？

第一个问题

基本上，我已经制作了一组图像，并设法通过随机循环来改变背景。它很好用。以固定的时间间隔和一切。但这种转变太突然了

我怎样才能让它慢慢淡入淡出呢？这就是与此相关的全部代码，甚至有一个按钮可以触发更改，而不是等待。我也想让它淡入淡出！多谢各位

var backs=[“bike-1505039_1280.jpg”，
“香蕉-698608_1280.jpg”，
“camera-813814_1280.jpg”，
“雪佛龙-937583_1280.jpg”，
“音乐-1283877_1280.jpg”，
“pattern-26442_1280.png”，
“people-2587310_1280.jpg”，
“小狗-1903313_1280.jpg”，
“road-166543_1280.jpg”，
“stone-1664918_1280.jpg”，
“street-1209403_1280.jpg”，
“技术-2643270_1280.jpg”
];
setInterval（函数（）{
$（“BODY”）.css（“背景图像”，“url”（+backs[Math.floor（Math.random（）*backs.length）]+”）；
}, 10000);
$（“#反向更改”）。在（'click'，函数（事件）{
$（“BODY”）.css（“背景图像”，“url”（+backs[Math.floor（Math.random（）*backs.length）]+”）；
});由于使用图像作为主体的背景，我建议使用CSS3作为背景属性：

请看这篇文章：
使用动画属性淡入

$('background-image').animate({ opacity: 1 }, { duration: 3000 });

慢慢地
-->
$（）.fadeIn（“慢”）
，阅读jQuery的文档。那么是什么让它慢慢地消失呢？有CSS转换吗？谢谢！！这管用！虽然有时会出现滞后或跳跃，但我不确定这是否是我的系统的原因。但它仍然有效！！！谢谢