Как сделать рандомный фон сайта с подключением css?

Question

[Lenwoot]

Нашел подключение вывода рандомного фона на сайт: goo.gl/55e7Ex, на сайте фон расположен сверху сайта, дальше он залит цветом, как на https://goo.gl/6E1rbu. Так вот, хочу сделать рандомный вывод фона с сопутствующим ему цветом, т.е для каждого изображения свой цвет. Есть идеи, как это реализовать?

Answer 1

[Сергей Мельников]

<script>
var backgrounds = [
  "#f00 url(images/backgrounds/img1.jpg) top center",
  "#0f0 url(images/backgrounds/img2.jpg) top center",
  "#00f url(images/backgrounds/img3.jpg) top center"
];
document.body.style.background = backgrounds[Math.floor(Math.random() * (backgrounds.length + 1))];
</script>

Comments

[Юрий Бедулин]

и когда пройдёт страсть к длинному программированию ... почему в 1 строку не написать:
document.body.style.background = "#f00 url(images/backgrounds/img"+Math.floor(Math.random()*3+1)+".jpg) top center"

[Сергей Мельников]

Потому что так нагляднее. И значения в массиве могут быть разными (с разных доменов, разные цвета фона и разное центрирование)

Answer 2

[IceJOKER]

class="first_background"
class="second_background"
class="third_background"

etc.