Javascript.RU

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

у слайдера пауза во время перелистывания
Добрый день!
Не нашла ответа в интернете.
У слайдера на первом круге при смене изображений пауза, как следствие виден задний фон. Как починить, подскажите.
<html>
<head>
<script>
				 function slider() {
				 	var blocks = document.querySelectorAll('.slide'),	len = blocks.length, i = 0, flag = 1;;
					
					function hello() {
	     				blocks[i].classList.toggle('active');
						i++;
						if ( i == len) 
							i = 0;
						blocks[i].classList.toggle('active');
						setTimeout(hello, 5000);
     			 	}	
					if ( 1 == flag ) 
						setTimeout(hello, 5000);
					
				}
				if (window.addEventListener) {
					window.addEventListener("load", slider);
				} else {
					window.attachEvent("on"+"load", slider);
				}
			
		
</script>
</head>
<body>
<div id="slider"> 
<div class="slide active" style="background-image: url(https://www.google.ru/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwi1utmg99zOAhVBPSwKHUoeDEIQjRwIBw&url=http%3A%2F%2Fwww.sunhome.ru%2Fnavigator%2Fv.cvetok-lotosa&psig=AFQjCNHbOrDyaOABN5GbA72e8zs79xQa3Q&ust=1472227035411251);" >
<div>A little as 5% deposit can be saved to receive your new mortgage. Using mortgage calculators is quick and eas/</div>
</div>		
<div class="slide" style="background-image: url(https://www.google.ru/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwiz8Oe199zOAhVI2ywKHcEODpoQjRwIBw&url=http%3A%2F%2Fzoo.rin.ru%2Fcgi-bin%2Findex.pl%3Fidr%3D1607%26art%3D1620&psig=AFQjCNHbOrDyaOABN5GbA72e8zs79xQa3Q&ust=1472227035411251);">
<div>A little as 5% deposit can be saved to receive your new mortgage. Using mortgage calculators is quick and </div>
</div>
<div class="slide" style="background-image: url(https://www.google.ru/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwispqHC99zOAhWCDiwKHb3pA3QQjRwIBw&url=http%3A%2F%2Fwomanadvice.ru%2Fcvetok-vyskochka-pochemu-nelzya-derzhat-doma&psig=AFQjCNHbOrDyaOABN5GbA72e8zs79xQa3Q&ust=1472227035411251);">
<div>A little as 5% deposit can be saved to receive your new mortgage. Using mortgage calculators is quick and easy.</div>
</div>
</div>
<body>
</html>

Последний раз редактировалось kolobku_xxx, 25.08.2016 в 19:05.
Ответить с цитированием
  #2 (permalink)  
Старый 25.08.2016, 19:25
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

kolobku_xxx,
function slider() {
    var blocks = document.querySelectorAll(".slide"),
        len = blocks.length,
        i = 0;

    function hello() {
        blocks[i].classList.toggle("active");
        i++;
        i %= len;
        blocks[i].classList.toggle("active");
        setTimeout(hello, 5E3)
    }
    setTimeout(hello, 5E3)
}
window.addEventListener("load", slider);
Ответить с цитированием
  #3 (permalink)  
Старый 25.08.2016, 19:42
Интересующийся
Отправить личное сообщение для kolobku_xxx Посмотреть профиль Найти все сообщения от kolobku_xxx
 
Регистрация: 04.07.2016
Сообщений: 18

все равно есть пауза на первом круге слайдера в момент смены изображений

Последний раз редактировалось kolobku_xxx, 25.08.2016 в 19:45.
Ответить с цитированием
  #4 (permalink)  
Старый 25.08.2016, 20:02
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

kolobku_xxx,
непонятно о каких изображениях речь и нет вашего css,но
либо делайте предзагрузку изображений, либо попробуйте пропишите их в css.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как организовать два слайдера по принципу обложка-внутренние страницы? helgajijka jQuery 4 06.09.2015 13:52
Зафиксировать div на время прокрутки пока происходит анимация Medvedoc jQuery 1 30.03.2015 09:36
Два слайдера на странице ureech Элементы интерфейса 1 14.05.2014 15:56
Position fixed, но динамический по оси ОХ tvixa Элементы интерфейса 4 09.09.2013 15:39
время время время .... dozer Оффтопик 21 21.08.2012 15:18