Jquery照片阵列容易褪色

Question

我有一个带有多个背景图像的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>

Answer 1

大卫！

在另一个问题中看到了你的评论，我想我也好好看看。以下链接描述了jQuery中一种“简单”的交叉淡入淡出方式，也许这可以帮助您实现目标？

http://www.simonbattersby.com/blog/simple-jquery-image-crossfade/

祝你好运