Почему не работает animate при клике

$(document).ready(function(){
    //Global vars
    var arrayImg = [
    'img/slider/1.jpg',
    'img/slider/2.jpg',
    'img/slider/3.jpg',
    'img/slider/4.jpg',
    'img/slider/5.jpg'];
    var i = 0;
    /***************************/
    var windowHeight = $(window).height();
    $('.slider').height(windowHeight).css("backgroundImage",'url(' + arrayImg[i] + ')');
    $('.div-button-a').on("click", function(){
        i++;
        $('.slider').animate({opacity: 0},200, function(){
            $(this).css(backgroundImage, 'url('+arrayImg[i]+')');
        });
        $('.slider').animate({opacity : 1},200);
    });
});