Евгений Одинец

<div class="col-md-4 col-md-offset-4">
<!-- inputs here -->
</div>

<script src="test.js"></script>
<a href="#" onlick="function();">test</a>

imgHead = [
      'images/main-bg1.jpg',
      'images/main-bg2.jpg',
      'images/main-bg3.jpg',
      'images/main-bg4.jpg',
   ];
i=1;

function csaHead(){

    if(i > (imgHead.length-1)){
        i = 0;
    } 
    
    $('.page-homepage').animate({'opacity':'1'},1200,function(){
        $('.page-homepage').css({'background':'url('+imgHead[i]+')'});
        i++;
    });
    $('.page-homepage').animate({'opacity':'1'},1200);
}
var intervalCsaHead = setInterval(csaHead,1000);