[Dilettante_Pro]

<style>
  .csa-head {width:300px;
                 height:150px;
                 background: url("http://javascript.ru/cat/list/mobile.jpg");
   }
</style>
<div class="csa-head"></div>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
var imgHead = [
			'http://javascript.ru/cat/list/donkey.gif',
			'http://javascript.ru/cat/list/js.gif',
			'http://javascript.ru/cat/list/project.jpg',
			'http://javascript.ru/cat/list/appscript.png'
		], i=1;
	function csaHead(){
		/* CSA head */
		if(i > (imgHead.length-1)){
			 i = 0;
                         //clearInterval(intervalCsaHead); // Остановка таймера
		}
		$('.csa-head').animate({'opacity':'0'},1000,function(){
			$('.csa-head').css({'background':'url('+imgHead[i]+')'});
				i++;
			});
		$('.csa-head').animate({'opacity':'1'},1000);
		
		
	}
	var intervalCsaHead = setInterval(csaHead,3000);
</script>