Background fading using jQuery

Question

How could you fade in the background image (body tag, and it's tiled) with jQuery? The background color is white and in the callback function I want to turn the background image on and off.

Any ideas?

Answer 1

Using jQuery to animate a background image

Answer 2

Unfortunately, you cannot fade much in the background-lined image. Since the image is part of the CSS rendering system, it does not have a node in the DOM.

You can do some fancy things using frame type animation by moving the position of the background image, but this will not work with:

A. a whole body background B. a tiled image.