Question

我需要做的是每15秒左右随机更改一次背景 JS：

<script>
    (function () {
        var curImgId = 0;
        var numberOfImages = 5; // Change this to the number of background images
        window.setInterval(function () {
            $('body').css('background-image', 
             'url(/images/background_images' + curImgId + '.jpg)');
            curImgId = (curImgId + 1) % numberOfImages;
        }, 15 * 1000);
    })();
</script>

CSS：

body {
    margin:0;
    /*background-image:url(images/background_images/image1.jpg);
    background-image:url(images/background_images/image2.jpg);
    background-image:url(images/background_images/image3.jpg);
    background-image:url(images/background_images/image4.jpg);*/
    background:url(upload.js);
    background-size:cover;
    background-repeat:no-repeat;
}

我要使用的图片列表

http://mrsnapatya.net/screenshot1.png

文件目录为/images/background_images/

所以我知道我做错了什么？

Answer 1

url函数需要一个字符串 -

$('body').css('background-image','url("images/background_images/image' + curImgId + '.jpg")');

如何使我的背景图像每15秒更换一次或因此通过CSS＆amp; JS

1 个答案: