我有一个带有多个背景图像的 div。我还有一个脚本可以每隔 X 秒更改一次这些图像。我只想添加一个简单的淡入淡出过渡，而不是单独使用此脚本获得的即时更改。我可以添加一行简单的代码来完成这项工作吗？非常感谢您的帮助。我是初学者！继承人的脚本：
<script type="text/javascript">
var now = 0;
var int = self.setInterval("changeBG()", 2000);
var array = ["jar1.jpg", "field.jpg",];
function changeBG(){
//array of backgrounds
now = (now+1) % array.length ;
$('#maincontent').css('background-image', 'url("photos/' + array[now] + '")');
}
</script>