刷新的随机背景图像
我试图在每次用户访问网站时随机加载图像。 我在这个问题上遵循了一个教程和几个先前的线程,似乎无法使其正常工作。 图像位于/ 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必须有一些大小/区域,你试过这个吗?
?