javascript - 淡入已更改的 div 背景图像

Question

我正在使用以下 js 更改 div 上的 background-image 但我想淡入图像。我该怎么做？

    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] + '")');
    }

Answer 1

使用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;