褪色背景图片幻灯片（在jQuery中）

Question

我想要得到一个褪色的背景图像幻灯片，但我似乎无法找到一种方法让它背景图像交叉淡入海誓山盟。相反，我得到了一个白色的屏幕，然后是下一个图像。我试过.animate，.fadeOut ...没有一个工作。

这是我所拥有的JSFiddle。

我想我也许可以做一些与下一个图像加载为先，并以某种方式背后的背景图像神奇淡出第一，点菜

background:url(images/pattern.png) repeat, url(FIRST IMAGE) no-repeat center center fixed,url(SECOND IMAGE) no-repeat center center fixed"; 

其次是神奇的衰落码...

Answer 1

看来，fadeIn和fadeOut功能不工作html或body标签，所以我做了一个包装div标签（可以去体内），现在工作得很好。

你可以在这里看到： http://jsfiddle.net/BNSFL/4/