JSFiddle - React, Tailwind, and code Playground

HTML

<header id="head" style="background-image: url(http://s17.postimg.org/or0zqcqov/foto33.jpg);">
        <div class="container">

                <div class="row">
                        <h1 class="lead">xxxxxxx</h1>
                        <p class="tagline">xxxxxxxxxxx</p>
                        <p><a class="btn btn-default btn-lg" role="button">xxxxxxxxxxx</a> </p>
                </div>
        </div>
</header>

JavaScript

$(document).ready(function(){
	var arr=['http://s14.postimg.org/p6ds42qb5/foto22.jpg','http://s17.postimg.org/or0zqcqov/foto33.jpg']
	var count=-2
	function changeImage(){
		count++
		if(count>=arr.length){
			count=0
			}
		$('#head').attr('style','background-image:url('+arr[count]+')')	
		}
		
	setTimeout(function() { changeImage() },3000)
})