如何随机设置背景

Question

我正在使用HTML5UP中的Aerial模板，并尝试从一组图像中随机选择滚动背景。我怎么做到这一点？

目前，背景设置在如下代码块中：

#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});