Jquery照片阵列容易褪色

时间:2013-04-02 23:19:07

标签: jquery arrays fadein fadeout photos

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

1 个答案:

答案 0 :(得分:0)

大卫!

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

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

祝你好运