Мигают все слайдеры при смены блока
Здравствуйте, есть сайт - Не реклама 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, время: 17:13. |