[egor8]

Ребята у меня задача стоит просто, помогите...
Есть картинка в шапке logo.gif анимашка небольшая, после того как она отработает, на место неё должна встать другая статичная картинка logo_light.png.
И только после перегрузки браузера, снова все повторяется.

Пишу по аналогии поста, не срабатывает:

<style>
  .csa-head {width:140px; height:150px; background: url("logo.gif");}
</style>

<div class="csa-head"></div>

Картинки лежат в этой же папке, где и код 

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
var imgHead = [
			'logo_light.png'
		], i=1;
	function csaHead(){
		/* CSA head */
		if(i > (imgHead.length-1)){
			clearInterval(intervalCsaHead); // Остановка таймера
		}else{
			$('.csa-head').animate({'opacity':'0'},200,function(){
				$('.csa-head').css({'background':'url('+imgHead[i]+')'});
				i++;
			});
			$('.csa-head').animate({'opacity':'1'},200);
		}
		
	}
	var intervalCsaHead = setInterval(csaHead,8000);
</script>