у меня естьdiv который заполняет всю страницу (стиль портфолио).div имеет этот стиль:

.image-head {
  background: url('http://placehold.it/1920x1080') no-repeat top center fixed;
  background-size: cover;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: black;
  text-align: center;
}

По сути, я хочу, чтобы каждые Х секунд менялисьurl чтоdiv указывает на его фоновое изображение, но я не уверен, как это сделать.

Моя разметка в настоящее время выглядит так:

<div class="image-head">
  <div class="centering-hack">
    <h1>Something HTML</h1>
  </div>
</div>

Какое самое простое / лучшее решение здесь?

Спасибо!

Изменить: я использую Bootstrap 3, если библиотека JS делает что-нибудь проще