jQuery Page Background Fading

I have 2 background images (on the body of the page), both the same except that 开发者_开发问答one is brighter (higher opacity). I'm trying to figure out how I can make the two fade between each other consistently so that it looks like it's getting brighter and darker. Basically as one fades in the other fades out and then it repeats itself.

Any idea?

Thanks!

There are many fade-in, fade-out plugins for jQuery. Here is one list. For example, this FadeTransition plugin will get you a lot of the way there - set it up with the two images you want in a div with a z-index that will make them the background of your page and they will keep fading to each other.