Показать сообщение отдельно
  #1 (permalink)  
Старый 24.07.2016, 18:00
Интересующийся
Отправить личное сообщение для kolobku_xxx Посмотреть профиль Найти все сообщения от kolobku_xxx
 
Регистрация: 04.07.2016
Сообщений: 18

слайдер не работает
Здравствуйте, форумчане!
Немного переделала скрипт слайдера Как сделать свой слайдер на чистом js?
вот что имею
<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
<style>
#slider{
position: relative;
}
.slide{
position: absolute;
display: none;
}
.active{
  display: block;
}

</style>
<script>
 window.onload = function ()
{
  var imgs = document.querySelectorAll('.slide'), 
  		len = imgs.classList.length, 
  		i = 0;
  		
  (function go()
  {
  		if ( i<len)
  		{
	      imgs[i].classList.toggle('active');
	      imgs[++i].classList.toggle('active');
		   window.setTimeout(go, 1000);
	   }
	   else {
	   	i = 0;
	   	window.setTimeout(go, 1000);
	   }
  })()
}
</script>
</head>

<body>

<div id="slider">
<img src="http://javascript.ru/forum/images/smilies/smile.gif" class="slide">
<img src="http://javascript.ru/forum/images/smilies/cray.gif" class="slide">
<img src="http://javascript.ru/forum/images/smilies/dance3.gif" class="slide">
<img src="http://javascript.ru/forum/images/smilies/write.gif" class="slide">
</div>

</body>
</html>

ткните на строчку с ошибкой)

Последний раз редактировалось kolobku_xxx, 24.07.2016 в 18:03.
Ответить с цитированием