Форум

XuLLlHuK · #1 (**permalink**) 22.07.2014, 13:11

Добрый день всем!
Собрал такой коротенький скрипт в надежде, что поможет решить задачу(крутить баннеры в loop'е). Однако, к удивлению новичка, ругается:
TypeError: $bannerItems.get(...).fadeIn is not a function
Может кто-нибудь подскажет, в чем не хватает прозрения и как сделать так, чтобы сие чудо заработало?

С уважением.

рони · #2 (**permalink**) 22.07.2014, 13:22

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>

XuLLlHuK · #3 (**permalink**) 22.07.2014, 13:59

Спасибо!

Форум

Справочник

Discord чат

Курсы javascript