jQuery 正文背景图像旋转器

Question

对于我目前正在设计的网站，我希望在图像数组的旋转中具有主体背景。我尝试了多种方法，即使用 fadeIn() 和 fadeOut() 函数，但它们似乎会影响 body 内各部分的不透明度。我也尝试使用 bgStretcher但这会导致外观问题并使网站变慢且不稳定。

我希望图像淡入淡出。帮助将不胜感激，

Here's a link to the website我目前一直在修改的脚本文件在/js/目录下叫做background.js。该文件目前已被注释掉，因为它只是实验性的。当前的两个背景图分别是“images/bg/bg1.jpg”和“images/bg/bg2.jpg”

这是我目前正在尝试运行的代码:

$(document).ready(function() {
    setInterval(switchImage, 5000);
    switchImage();

});

function switchImage()
{
$('body').css("background-image", "url(../images/bg/bg2.jpg)").fadeIn(1000);
$('body').css("background-image", "url(../images/bg/bg1.jpg)").fadeOut(1000);
}

一旦我弄清楚如何在背景图像之间进行转换，我就可以简单地添加一些条件来在一组图像之间进行转换。

干杯，戴恩·威尔逊

Answer 1

使用这个 jQuery 插件非常简单:jQuery Backstretch在演示“在幻灯片中使用 Backstretch”是它的代码片段。