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

Question

我正在尝试制作一个褪色的背景图像幻灯片，但我似乎无法找到一种方法让背景图像相互淡入淡出。相反，我得到一个白屏闪光，然后是下一个图像。我试过了.animate，.fadeOut......都没有奏效。

这是我所拥有的JSFiddle 。

我在想我可以做一些事情，将下一个图像加载为第一个图像后面的背景图像，并以某种方式神奇地淡出第一个图像，à la

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

接下来是神奇的褪色代码......

Answer 1

似乎fadeInand函数在or标记fadeOut上不起作用，所以我制作了一个包装标记（可以进入正文），它现在可以正常工作了。htmlbodydiv

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