如何随机设置背景答案

【问题标题】：How to set background randomly如何随机设置背景
【发布时间】：2015-03-07 16:26:07
【问题描述】：

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

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

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

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

【问题讨论】：

这是一个开始：var arr = ['bg1.jpg', 'bg2.jpg']; $('#id').css({backgroundImage:arr[(Math.random()*arr.length).toFixed(0)]});
@RienNeVaPlu͢s 通过将您的一些代码与其他 StackOverflow 答案相结合，我得到了它的工作！谢谢！

标签： javascript jquery css

【解决方案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});

【讨论】：