I know that you can .animate() background-image with jQuery. But can you .animate() background: url(myImageURL) top center repeat-y ?
EDIT
The purpose of the function is to animate from background: undeclared to background: url(images/red_curtain.jpg) top center repeat-y 🙂
You can move the background into a separate element, then
fadeIn()that element.However, it is not possible to fade in a background directly; CSS does not allow you to adjust the opacity of an image.