Fading In Background Image With Jquery

How would you fade in a background image (the body tag, and it is tiled) with jQuery? The background color is white and in a callback function I want to toggle the background image

Solution 1:

Using jQuery for Background Image Animations

Solution 2:

Unfortunately you can't really fade in a tiled background image. Since the image is part of the CSS rendering system it doesn't have a node in the DOM.

You can do some fancy stuff by using a frame type animation by moving the position of the background image but this wouldn't work with:

A. a whole bodybackgroundB. a tiled image.