javascript - 流畅更换背景图片

Question

我正在使用代码随时间更改背景图片:

function getRandomInt(min, max)
{return Math.floor(Math.random()*(max-min+1))+min;}

function nextBackground()
{
    var url = "url('images/" + getRandomInt(1, 33) + ".jpg')";

    $body.css("background-image", url);
    setTimeout(nextBackground, 7000);
}
setTimeout(nextBackground, 7000);

但我希望图片变化不要那么剧烈。有什么办法可以做到这一点吗？

Answer 1

如果您使用带有两个重叠图像的计时事件，并且将不透明度从 1 缓慢调整到 0，我认为这应该适合您。

This may be useful.