淡入改变的div背景图像

时间:2016-08-29 11:32:50

标签: javascript jquery html css

我使用以下j来更改div上的 var now = 0; var int = self.setInterval("changeBG()", 3500); var array = ["image1.jpg", "image2.jpg", ]; function changeBG(){ //array of backgrounds now = (now+1) % array.length ; $('.documentary').css('background-image', 'url("' + array[now] + '")'); } ,但我想淡入图像。我怎么能这样做?

continue;

2 个答案:

答案 0 :(得分:0)

使用css动画。 在纪录片里这样的东西:

-webkit-transition-property: background-image 300ms ease-in 200ms;
-moz-transition-property: background-image 300ms ease-in 200ms;
-o-transition-property: background-image 300ms ease-in 200ms;
transition: background-image 300ms ease-in 200ms;

答案 1 :(得分:0)

您正在寻找透明度吗?

您可以在包含图片的div上使用opacity,但这也会使所有内容都透明。

或者你可以让图像开始透明。