Question

该网站在所有浏览器上运行良好，但是，一个非常烦人的错误不断出现。当你在chrome上使用它时，它可以工作，但如果你尝试刷新页面，突然页面似乎进入“永远加载”模式，而我制作的图片滑块不能通过一些图像。它开始变得空白。

同样，这只发生在chrome中，这很奇怪，因为chrome一直是我最好的浏览器。这会发生在其他人身上吗？任何有关解决此问题/解决此问题的提示将不胜感激。

这不是一个巨大的问题，因为我没有看到任何理由为什么有人会重新加载页面，但它仍然让我感到恼火。

这是我的图片滑块的代码。如果您需要查看任何其他代码，请询问：

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>

Answer 1

好的，我相信我解决了这个问题。我把preload =＆＃34;没有＆＃34;进入音频标签，现在刷新铬似乎是即时没有问题。

重新加载后，Chrome浏览器无法加载图片

1 个答案: