Эффект JQuery FadeIn для фонового изображения сайта

Question

Я пытаюсь заставить эффект fadeIn () работать для вращающейся серии изображений. Я взял код из другого ответа, который работает хорошо, но, к сожалению, я не могу получить эффект затухания. Я попытался добавить fadeIn () в последовательность $('<img/>').fadeIn().attr, но, похоже, не могу понять это ...

есть мысли?

$.fn.smartBackgroundImage = function(url){
      var t = this;
      //create an img so the browser will download the image:
      $('<img />')
        .attr('src', url)
        .load(function(){ //attach onload to set background-image
            t.each(function(){ 
              $(this).css('backgroundImage', 'url('+url+')' );
           });
        });
       return this;
     }

    //10 second Interval
    window.setInterval(rotate, 10000);
    var counter = 0;
    function rotate() { 
        //Rotage through images 0 - 4
        $('html').smartBackgroundImage('assets/background'+counter+'.jpg');
        counter == 3? counter = 0 : counter++;
    }

Answer 1

попробуй

$("html").smartBackgroundImage("assets/background" + counter + ",jpg").fadeIn();