Слайд-шоу / Изменение фонового изображения

Question

Я пытаюсь установить фоновое изображение своей страницы в виде слайд-шоу из нескольких изображений, но я не могу найти способ изменить URL-адрес изображения с заданным интервалом, в то же время используя переход с постепенным исчезновением / уменьшением изображения.

html {
background: url("mare.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

Answer 1

Вы можете обновить DOM с помощью скрипта JS

Например, вы можете обновить тег body с помощью этого скрипта:

<script>
  document.body.style.background = "url("mare.jpg") no-repeat center center 
</script>