刷新的随机背景图像

我试图在每次用户访问网站时随机加载图像。 我在这个问题上遵循了一个教程和几个先前的线程,似乎无法使其正常工作。 图像位于/ images /文件夹中,文件名正确输入到数组中:

  var images = ['OUT01ari.jpg' 'OUT02adobe.jpg' 'OUT03alife.jpg' 'OUT04chinup.jpg' 'OUT05datenightwinecologne.jpg' 'OUT06officechair.jpg' 'OUT07printer.jpg' 'OUT08whitewall.jpg' 'OUT09umbrella.jpg' 'OUT10converse.jpg' 'OUT11wardrobebar.jpg']; $('#background').css({'background-image': 'url(images/' + images[Math.floor(Math.random() * images.length)] + ')'});  

然后我进入了页面正文中的div,但无济于事:

  

我哪里错了?

谢谢。

定义数组时,数组值之间必须有逗号分隔符。

您还应该有两个单独的脚本元素,一个用于包含jquery,另一个用于代码。

大多数浏览器都应忽略带有src属性的脚本标记的内容。

   

W3C 4.3脚本HTML5说:

如果存在src属性,则该元素必须为空或仅包含也与脚本内容限制匹配的脚本文档。

对于我认为的早期版本也是如此。

编辑:

如果您正在使用本地文件系统,请确保将jQuery的URL更改为http://,而不仅仅是//

此外,通过调用文档就绪 ,确保在#background元素存在时执行脚本。

此示例甚至可以在本地工作:

        
 

应该

 

(或者那只是一个错字?)

要显示背景图像,div必须有一些大小/区域,你试过这个吗?