将滑块中的fadeIn等效果添加到标题中

Question

基本上我只想在照片已经更改时添加fadeIn。

$(document).ready(function() {
  var num = 1;
  setInterval(function() {
    num += num + 1;

    if(num > 4) num=1;

    $('#nav').css('backgroundImage', 'url(photo'+num+'.png)');
  },4000);
});

Answer 1

使用以下代码来提供fadeIn和fadeOut的效果。 这将以4秒的间隔改变图像。 增加fadeIn和fadeOut时间更改间隔。

$(document).ready(function(){
        var num = 1;
        setInterval(function(){
            ++num;
            $("#demo").fadeOut(1500, function() {
                if(num == 4)
                    num = 1;
                $('#demo').css("background-image","url('photo"+num+".png')");
            }).fadeIn(1500);
        }, 4000);
});