43+ Jquery Animate Div Background Image Change PNG. You can't animate the adding/replacing of a background image. This works by first reducing the opacity of the current image.
In plain javascript, you can directly modify the backgroundimage css property of the image to set one or more background images on an element.
Motio is a small javascript library for simple but powerful sprite based animations and panning. This is what i came up so far, however, it's not working that's not what animate does (or would do if it worked for images). It is not possible to change the background image of a dom element with animate (misleading title, sorry about that :p), so here is a pretty nice workaround that will get you that fade in/fade out effect you always wanted when changing images. There are some images placed inside a folder named images.