Question

我正在构建一个小脚本，一个带描述的全屏幻灯片，但是我在添加图片时遇到了一些问题，似乎图像无法识别。

我想添加此代码

"no-repeat center center fixed;"

修复背景。

我做错了什么？

var i = 1;

function slideshow() {
    setTimeout(function() {

        if (i == 2) {
            $("body").css("http://static.vecteezy.com/system/resources/previews/000/046/003/original/fuchsia-background-with-light-beams-no-bar.jpg)");
            $("#description").text("teste1");
        }
        if (i == 3) {
            $("body").css("http://i1.wp.com/static.web-backgrounds.net/uploads/2012/08/City_Landscape_Background.jpg)");
            $("#description").text("teste2");
        }
        if (i == 4) {
            $("body").css("http://4.bp.blogspot.com/-AISNX1W0-ww/UXZ80eprU8I/AAAAAAAAAoI/e4-7I79LmKI/s1600/background+wallpaper+6742.jpg)");
            $("#description").text("teste3");
            i = 1;
        }

        i++;
        if (i < 5) {
            slideshow();
        }

    }, 1000)
}

slideshow();

由于

Answer 1

您没有正确实现jquery＆＃39; sc（）。您必须将属性名称和值作为参数http://api.jquery.com/css/

传递给它

.css( propertyName, value )

因此，要设置背景图像（以及您需要的其他参数），您可以使用：

$(body).css('background','url("http://static.vecteezy.com/system/resources/previews/000/046/003/original/fuchsia-background-with-light-beams-no-bar.jpg") no-repeat center center fixed');

Answer 2

您只是将css设置为图片网址。您需要将css背景图片网址设置为图片的网址。

$("body").css("background-image", "url('your photo url here')")

使用JQuery添加完整的背景图像

2 个答案: