javascript - 如何随机设置背景

Question

我正在使用来自 HTML5UP 的航拍模板并试图从一组图像中随机选择滚动背景。我将如何做到这一点？

目前背景是在这样的代码块中设置的:

#bg {
    background: #348cb2 url("images/bg.jpg") bottom left;
    background-repeat: repeat-x;
    }

我发现这个 StackOverflow 问题可能是我要找的，但我不知道如何实现它。 random fullscreen background image on browser refresh

Answer 1

$(document).ready(function(){
var images=['https://unsplash.imgix.net/photo-1422405153578-4bd676b19036?q=75&fm=jpg&s=5ecc4c704ea97d85ea550f84a1499228', 'https://unsplash.imgix.net/photo-1423439793616-f2aa4356b37e?q=75&fm=jpg&s=3b42f9c018b2712544debf4d6a4998ff',];
var randomNumber = Math.floor(Math.random() * images.length);
var bgImg = 'url(' + images[randomNumber] + ')';

$('#bg').css({'background':bgImg});