在页面刷新上随机化标题背景

Question

我已经浏览了几个帖子，对这个问题没有好运。我只想尝试在主页的新页面加载中显示不同的图像。我想要改变的CSS元素是

.header_container

html标签是这样的：

<header id="masthead" class="site-header header_container" role="banner">

我想要旋转三个图像。我试图调用一个调用/ images /中的图像的php文件，但是没有用。

这是网站---＆gt; http://www.l4sb.com

感谢您提供任何帮助。

Answer 1

为什么不在PHP数组中存储可用的图像路径，如：

$aBgImages = array('img01.jpg','img02.jpg');

然后添加一个<script>标记，其中包含：

var myElem = document.getElementById['header'];

myElem.style.backgroundImage="url('<?php echo array_rand($aBgImages) ?>')";

上面没有经过测试，只是一个粗略的例子。