Мой сайт http://acclyrics.comChrome браузер неисправностей изображения загрузки после перезагрузки
Сайт отлично работает во всех браузерах, однако, один очень раздражает ошибка продолжает появляться. Когда вы переходите к нему на хром, он работает, но если вы попытаетесь обновить страницу, вдруг страница, похоже, войдет в режим «загрузка навсегда», а слайдер изображения, который я сделал, не работает за несколькими изображениями. Он начинает становиться пустым.
Опять же, это ТОЛЬКО случается в хроме, что очень странно, поскольку хром всегда был лучшим браузером для меня. Это случается для кого-то еще? Будем очень благодарны за любые советы по поводу исправления этого/работы над этим.
Это не ОГРОМНАЯ проблема, потому что я не вижу причин, почему кто-то перегружает страницу в любом случае, но это все еще раздражает меня.
Вот код для моего слайдера. Если вы хотите увидеть какой-либо другой код, пожалуйста, обращайтесь:
function StartPictureSlider() {
var NumberOfPics = 11;
var b = 2;
var c = document.getElementById('PictureSlider');
setInterval(function() {
if (b == 1) {
var previouspicture = "pic" + NumberOfPics
} else {
var previouspicture = "pic" + (b - 1)
};
var newpicture = "pic" + b;
document.getElementById(previouspicture).style.display = "none";
document.getElementById(newpicture).style.display = "block";
b++;
if (b > NumberOfPics) {
b = 1
};
}, 4000);
};
Изображения загружаются в скрытом стиле с HTML, так что ползунок просто изменить дисплей. Опять же, это отлично работает во всех браузерах, за исключением Chrome при обновлении.
<div id="PictureSlider" class="PictureSlider">
<img src='pictures/1.png' id="pic1" alt='art work' />
<img src="pictures/2.png" id="pic2" style="display:none" />
<img src="pictures/3.png" id="pic3" style="display:none" />
<img src="pictures/4.png" id="pic4" style="display:none" />
<img src="pictures/5.png" id="pic5" style="display:none" />
<img src="pictures/6.png" id="pic6" style="display:none" />
<img src="pictures/7.png" id="pic7" style="display:none" />
<img src="pictures/8.png" id="pic8" style="display:none" />
<img src="pictures/9.png" id="pic9" style="display:none" />
<img src="pictures/10.png" id="pic10" style="display:none" />
<img src="pictures/11.png" id="pic11" style="display:none" />
</div>
Проделал какую-либо отладку, например, вытащил консоль devel, чтобы посмотреть, что происходит? shift-ctrl-J –
Это может быть довольно тяжело, потому что моя авария упала при первом обновлении. И мой компьютер и широкополосная связь превосходны. – melancia
на самом деле не нужно делать свой собственный слайдер, если ваш новый для javascript ... есть куча jquery-библиотек, которые могли бы сделать это для вас при добавлении строки или двух кода –