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>

來源

2014-10-03 Joshua231

做了任何調試，如彈出devel控制檯，看看發生了什麼？ shift-ctrl-J – 2014-10-03 17:29:58

這可能很重，因爲我的第一次刷新時崩潰了。而我的個人電腦和寬帶都非常出色。 – melancia 2014-10-03 17:30:24

它不是真的有必要做你自己的滑塊，如果你是新的JavaScript ... 有一堆jquery庫，可以爲你做這個，而添加一行或兩個代碼 – 2014-10-03 17:35:25

好吧，我相信我解決了這個問題。我把preload =「none」放到了音頻標籤中，現在在chrome上刷新似乎是沒有問題的。

來源

2014-10-03 17:59:15 Joshua231

就像一個練習，以提高您的編碼技能... http://jsfiddle.net/MelanciaUK/d9rf1rmc/1/ – melancia 2014-10-03 18:05:17

謝謝。我在if/else語句之外聲明瞭變量並添加了分號。 – Joshua231 2014-10-03 18:17:01

Chrome瀏覽器擁有重裝

回答

相關問題