Скрипт для смены background?

Question

[Messi]

Всем привет! Подскажите пожалуйста скрипт для смены background через заданный интервал времени.
Есть готовый скрипт, но он с ошибкой, после смены всех заданных картинок, фон стает белым, а в консоли пишет (undefined)

var 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)){
			$('.page-homepage').animate({'opacity':'1'},1200,function(){
				i=1;
				$('.page-homepage').css({'background':'url('+imgHead[0]+')'});
			});
			$('.page-homepage').animate({'opacity':'1'},1200);
		}else{
			$('.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);

Answer 1

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

Попробуйте так:

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);

Comments

[Messi]

Благодарю!