Бесконечная прокрутка содержимого списка(ul>li)
Добрый день всем!
Собрал такой коротенький скрипт в надежде, что поможет решить задачу(крутить баннеры в loop'е). Однако, к удивлению новичка, ругается: TypeError: $bannerItems.get(...).fadeIn is not a function Может кто-нибудь подскажет, в чем не хватает прозрения и как сделать так, чтобы сие чудо заработало? С уважением. |
XuLLlHuK,
:cray:
<!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>
|
Спасибо!:thanks:
|
| Часовой пояс GMT +3, время: 09:41. |