javascript - 浏览器刷新时的随机全屏背景图片

Question

我正在使用我在网上找到的这个脚本，以便在浏览器刷新时随机显示背景图像。

CSS

body{ 
background: no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

JS

$(document).ready(function(){
var images=['images/001.jpg',
            'images/002.jpg',
            'images/003.jpg',
            'images/004.jpg',
            'images/005.jpg',];

var randomNumber = Math.floor(Math.random() * images.length);
var bgImg = 'url(' + images[randomNumber] + ')';

$('body').css({'background':bgImg, 'background-size':'cover', });

});

在大于 1150 像素的屏幕上工作正常，但小于 1150 像素时，图像开始一个接一个地堆积。无论屏幕尺寸如何，我怎样才能让它拉伸(stretch)开来。我不在乎图像是否在小屏幕上被裁剪，只要它能填满整个画面即可。

谢谢

Answer 1

像这样

DEMO

JS

$(document).ready(function(){
    var classCycle=['imageCycle1','imageCycle2'];

    var randomNumber = Math.floor(Math.random() * classCycle.length);
    var classToAdd = classCycle[randomNumber];

    $('body').addClass(classToAdd);

});