body background fade

[Fernando]

Hello,

 

I'm trying to change the background image with something like this:

 

 $("body").css("background", "url('" + imgLink + "')");

but I don't know how to fade in new images.

Is it possible with the backgroung of the body?

I'd rather not use a div for this.

Thanks in advance.

[jamiejefferson]

Unfortunately cross-fading the backgroundImage is not possible on a single element. This is a limitation of CSS, not GSAP (there are no intermediary values between background-image:url("firstimage.jpg") and background-image:url("secondimage.jpg") for GSAP to tween).

 

You will need to add a second element for this, or live with an instant swap.

[Fernando]

Yes, that's what I thought.

I managed to achive it with a div instead.

 

Thanks again.