change background js

by lemon kazi

HTML

<div class="jumbotron"></div>

CSS

.jumbotron {
  height: 500px;
}

JavaScript

var imgHead = [
  '//placehold.it/64X64/ff0000',
  '//placehold.it/64X64/00ff00',
  '//placehold.it/64X64/0000ff'
];
var i = 0;

function Jumbotron() {
  if (i >= imgHead.length) {
    i = 0;
  }
  $('.jumbotron').animate({
    'opacity': '0'
  }, 200, function() {
    $(this).css('background-image', 'url("' + imgHead[i++] + '")').animate({
      'opacity': '1'
    }, 200);
  });

};
var intervalJumbotron = setInterval(Jumbotron, 3000);

Jumbotron();