Мигают все слайдеры при смены блока
Здравствуйте, есть сайт - Не реклама http://demo.titylstroy.by, он мой, вот на главной сразу виден слайдер, при смене блоков, он мигает, либо же тупит и картинки подвисают, почему так и как это можно исправить?
Там в коде 2 варианта мною сделанных. |
DemiuS,
в нормальном случае используется одна!!! jquery |
Убрал 1 jQuery, результат виден на сайте, не сильно поменялось.
|
Цитата:
|
Там еще jQuery есть? O_O
Я не нашел. |
DemiuS,
сейчас ок по количеству |
Но вот лаги со слайдером все ровно есть.
|
DemiuS,
теги бы ещё поправить строки 217 и 218 например |
Это из формы которые?
|
DemiuS,
их надо поменять местами |
DemiuS,
маленький совет, если вы видите в скрипте setInterval знайте этот скрипт нельзя использовать!!! |
Так щас поправлю, а по слайдеру что сказать можете?
|
Цитата:
|
Цитата:
|
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() }); |
Ух ты, я и забыл про инкремент )) Спасибо Большое, помогли)
|
DemiuS,
код не самый лучший, на jquery это гораздо проще и надёжнее. |
Понял, продолжу изучать JS)
Вам поставил отзыв. |
Часовой пояс GMT +3, время: 18:07. |