刷新页面时随机更改背景

时间:2014-06-26 02:35:03

标签: php html random

我在一个名为1.jpg到10.jpg

的文件夹(图像)中有10个图像文件

我想要做的是每次刷新页面时随机更改背景

这是我到目前为止所尝试的:

<body background='<?php echo 'images/'.rand(1,6).'.jpg' ?>'>

这不起作用。

有人可以告诉我如何使用php做到这一点吗?

2 个答案:

答案 0 :(得分:1)

<script>
$(function(){
var min = 1;
var max = 6;
var random = Math.floor(Math.random() * (max - min + 1)) + min;
$("body").css("background-image","url(images/"+random+".jpg")
}):
</script>

答案 1 :(得分:0)

试试这个: 首先创建一个图像数组:

var images = ['image1.jpg', 'image2.jpg', 'image3.jpg', 'image4.jpg', 'image5.jpg'];

然后,将随机图像设置为背景图像:

$('body').css({'background-image': 'url(images/' + images[Math.floor(Math.random() *      images.length)] + ')'});