Рандомизировать фон заголовка при обновлении страницы

Question

Я просмотрел пару веток, но мне не повезло с этой проблемой. Я просто пытаюсь, чтобы при загрузке новой страницы появлялись разные изображения только для главной страницы. Элемент CSS, который я пытаюсь изменить,

.header_container

HTML-тег это:

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

У меня есть три изображения, в которые я хотел бы повернуть. Я попытался вызвать php-файл, который вызывает изображения из / images /, но это не сработало.

Вот сайт ---> 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) ?>')";

Выше не проверено, просто грубый пример.