我有一个带有多个背景图像的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>
答案 0 :(得分:0)
大卫!
在另一个问题中看到了你的评论,我想我也好好看看。以下链接描述了jQuery中一种“简单”的交叉淡入淡出方式,也许这可以帮助您实现目标?
http://www.simonbattersby.com/blog/simple-jquery-image-crossfade/
祝你好运