Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 02.01.2016, 22:44
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,080

DemiuS,
маленький совет, если вы видите в скрипте setInterval знайте этот скрипт нельзя использовать!!!
Ответить с цитированием
  #12 (permalink)  
Старый 02.01.2016, 22:52
Интересующийся
Отправить личное сообщение для DemiuS Посмотреть профиль Найти все сообщения от DemiuS
 
Регистрация: 26.01.2015
Сообщений: 15

Так щас поправлю, а по слайдеру что сказать можете?
Ответить с цитированием
  #13 (permalink)  
Старый 02.01.2016, 22:54
Интересующийся
Отправить личное сообщение для DemiuS Посмотреть профиль Найти все сообщения от DemiuS
 
Регистрация: 26.01.2015
Сообщений: 15

Сообщение от рони Посмотреть сообщение
DemiuS,
маленький совет, если вы видите в скрипте setInterval знайте этот скрипт нельзя использовать!!!
А чем тогда заменить цикличность?
Ответить с цитированием
  #14 (permalink)  
Старый 02.01.2016, 23:03
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,080

Сообщение от DemiuS
А чем тогда заменить цикличность?
setTimeout
Ответить с цитированием
  #15 (permalink)  
Старый 02.01.2016, 23:04
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,080

DemiuS,
замените ваш код на этот
window.addEventListener('DOMContentLoaded', function() {
 var image_count = 2;
 var interval = 5000; //пауза
var time_out = 30; //скорость смены картинки
var i = 2;
 var timeout;
 var opacity = 100;
 function change_image() {
 opacity--;
 var j = i + 1;
 var current_image = 'image_' + i;
 if (i == image_count) j = 1;
 var next_image = 'image_' + j;
 document.getElementById(current_image).style.opacity=opacity/100;
 document.getElementById(current_image).style.filter='alpha(opacity='+opacity+')';
 document.getElementById(next_image).style.opacity= (100-opacity)/100;
 document.getElementById(next_image).style.filter=' alpha(opacity='+(100-opacity)+')';
 timeout = setTimeout(change_image, time_out);
 if (opacity < 1) {
 opacity = 100;
 clearTimeout(timeout);

 i++;
 if (i>image_count) i=1;
 timeout = setTimeout(change_image, interval);
 }
 }
 change_image()
    });
Ответить с цитированием
  #16 (permalink)  
Старый 02.01.2016, 23:14
Интересующийся
Отправить личное сообщение для DemiuS Посмотреть профиль Найти все сообщения от DemiuS
 
Регистрация: 26.01.2015
Сообщений: 15

Ух ты, я и забыл про инкремент )) Спасибо Большое, помогли)
Ответить с цитированием
  #17 (permalink)  
Старый 02.01.2016, 23:17
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,080

DemiuS,
код не самый лучший, на jquery это гораздо проще и надёжнее.
Ответить с цитированием
  #18 (permalink)  
Старый 02.01.2016, 23:20
Интересующийся
Отправить личное сообщение для DemiuS Посмотреть профиль Найти все сообщения от DemiuS
 
Регистрация: 26.01.2015
Сообщений: 15

Понял, продолжу изучать JS)
Вам поставил отзыв.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Закрепление блока при скролле с проигрыванием анимаци VBeregovoy Элементы интерфейса 0 10.04.2014 11:19
Кто нибудь подскажет onmouseout при ul > li > ul, или все Великие kudenv Элементы интерфейса 2 12.03.2011 12:34
Название ячейки таблицы Questioner Общие вопросы Javascript 6 16.02.2011 09:58
Динамическое изменение размеров блока при наведении мыши! Viktor ------- Общие вопросы Javascript 7 05.05.2009 19:13
глюк форума Gvozd Сайт Javascript.ru 11 18.03.2009 14:37