Показать сообщение отдельно
  #1 (permalink)  
Старый 13.08.2016, 15:35
Новичок на форуме
Отправить личное сообщение для jojocague Посмотреть профиль Найти все сообщения от jojocague
 
Регистрация: 13.08.2016
Сообщений: 7

Bootstrap Карусель + jquery
Всем привет!
никак не могу решить одну проблему. Когда карусель меняет картинку на сайте, то 2 блока дива должны менять цвет.. Проблема в том, что когда картинки идут по новому циклу( второй раз), то цвет дивов не меняется больше, а остается ченым... как решить проблему?

var timer0 = setInterval(function firstimg() {
  if($('img[alt="pikachu"]').is(':visible')) {
    $('.menu, .header_topline').animate({ backgroundColor: 'red' }, 1000 )
    clearInterval(timer0)
}
}, 0);

var timer1 = setInterval(function secondimg() {
  if($('img[alt="pokemons"]').is(':visible')) {
    $('.menu, .header_topline').animate({ backgroundColor: 'blue' }, 1000 )
    clearInterval(timer1)
  }
  }, 0);

var timer2 = setInterval(function thirdimg() {
  if($('img[alt="baltau"]').is(':visible')) {
    $('.menu, .header_topline').animate({ backgroundColor: 'white' }, 1000 )
    clearInterval(timer2)
  }
  }, 0);

var timer3 = setInterval(function lastimg() {
  if($('img[alt="pokemons4"]').is(':visible')) {
    $('.menu, .header_topline').animate({ backgroundColor: 'black' }, 1000 )
    clearInterval(timer3)
  }
  }, 0);
Ответить с цитированием