Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ruby-on-rails-4/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 随机体背景图像_Javascript_Jquery_Random_Background_Document Body - Fatal编程技术网

Javascript 随机体背景图像

Javascript 随机体背景图像,javascript,jquery,random,background,document-body,Javascript,Jquery,Random,Background,Document Body,我在网上试过几个教程,似乎都没有一个能正常工作。我想我要做的很简单: 我有9个不同的.jpg图像,我需要随机显示在页面加载的背景。这应该相当简单,对吗 谢谢 编辑(抱歉,忘记附加代码-在web中找到): 查看本教程: 首先创建一个图像数组: var images = ['image1.jpg', 'image2.jpg', 'image3.jpg', 'image4.jpg', 'image5.jpg']; 然后,将随机图像设置为背景图像: $('body').css({'background

我在网上试过几个教程,似乎都没有一个能正常工作。我想我要做的很简单:

我有9个不同的.jpg图像,我需要随机显示在页面加载的背景。这应该相当简单,对吗

谢谢

编辑(抱歉,忘记附加代码-在web中找到):

查看本教程:

首先创建一个图像数组:

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)] + ')'});
这应该没问题。

使用jQuery:
$(“body”).css(“背景图像”,“url”(+Math.floor(Math.random()*9)+“.jpg”)


这是假设您的图像名为0.jpg,直到8.jpg,并且与您的页面位于同一目录中。

如果您发布了一些您尝试使用的代码,但这些代码不起作用,而只是要求他人为您编写。是的,抱歉。。忘记附加代码。是的,这完全取决于您使用的语言以及如何执行。相关:发布的代码假定您的图像存储在名为
img
的文件夹中,该文件夹与html所在的文件夹处于同一级别,位于名为
bg
的子文件夹中。它还假设您的图像被命名为
1.jpg
2.jpg
等。这都是真的吗?我该怎么称呼我的函数?我不习惯javascript,谢谢。您不需要调用函数,只需将它放在jQuery$(文档)中即可。就绪(function(){}标记。是的,它可以工作!我对指向jQuery的脚本链接有问题。我一开始没有链接库。谢谢!没问题,很高兴我能提供帮助。如果可以,我非常感谢您接受我的答案!
$('body').css({'background-image': 'url(images/' + images[Math.floor(Math.random() *      images.length)] + ')'});