XuLLlHuK,
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title> - jsFiddle demo</title>
<script type='text/javascript' src='https://code.jquery.com/jquery-1.11.0.js'></script>
<script>
$(window).load(function(){
var $bannerItems = $("#a_banner>li");
$bannerItems.hide();
!function loop(index){
index = ++index % $bannerItems.length;
$bannerItems.eq(index).fadeIn(1000).delay(5000).fadeOut(1000, function(){loop(index)});
}(-1);
});
</script>
</head>
<body>
<ul id="a_banner">
<li>first banner</li>
<li>second banner</li>
</ul>
</body>
</html>