奇怪的Javascript錯誤交換圖像

我有這個瘋狂的錯誤，只有有時出現。當我開發這個網站時很明顯，但是它在一個星期左右消失了，現在網站已經恢復正常了。我認爲它與我的託管沒有任何關係，因爲它本地漏洞也是如此。奇怪的Javascript錯誤交換圖像

我的問題是，我每次點擊交換css值background-image。它可以在95％的時間內正常工作，但有時候在15分鐘的時間內它看起來不會顯示大約一半的圖像，看似隨機。最奇怪的是，如果你看着檢查器，你可以看到腳本正確地改變了css值，但圖像沒有被加載。我不知道爲什麼！

這是網站：shouldivoteoliver.com這是在「宣傳」頁面。

這裏是JavaScript的：

$(document).ready(function() { 
    var n=0; 
     $(".button").click(function(){ 
      if (n===5){ 
       $('<video style="position:relative;left:250px;" src="http://dl.dropbox.com/u/1011105/6.ogg" controls="controls">your browser does not support the video tag</video>').appendTo($('#putin')); 
       n++; 
       $("#putin").css("background-image","none"); 
       } 
      else{ 
       $('video').remove(); 
       $("#putin").css("background-image",function(){ 
        if (n>13){ 
        n=1; 
        return ('url(images/1.jpg)'); 
        } 
        else{ 
        n++; 
        return ('url(images/'+n+'.jpg)'); 
        } 
        }); 
      } 
     }); 
});

來源

2011-03-06 Oliver

瀏覽器嗅探一個班輪

交換價值是壞的教程...我假設它可能不是一個問題，因爲你的觀衆，但該網站在IE9中根本不渲染......而IE8則相當粗糙。它在Chrome和FF中運行良好。你在什麼操作系統/瀏覽器中看到這種行爲？ – 2011-03-06 19:33:49

我建議使用背景圖像作爲精靈，並改變背景位置爲與改變背景圖像屬性相反。

這裏是我GOOGLE了

http://www.noobcube.com/tutorials/html-css/css-background-image-sprites-a-beginners-guide-/

來源

2011-06-29 22:09:00

我從此學到了很多東西！謝謝你的提示。 – Oliver 2012-01-21 13:06:20

我試圖通過所有的宣傳幻燈片去兩次，但我沒有遇到任何問題來。我不知道發生了什麼，但只需製作一個數組來存儲每個「幻燈片」的內容，並通過鼠標單擊循環，就可以使代碼更清晰，更易讀。我想你並不需要設置該div的背景屬性，你可以只包含一個圖像。
只是一個建議，不知道它是否會幫助你的問題，但會使這件事更容易管理，更容易添加更多的東西。

來源

2011-03-06 19:28:04 Munim

這裏是在指數i1與i2

arr.slice(0,i1).concat(ar[i2],ar.slice(i1+1,i2),ar[i1],.slice(i2+1))

來源

2013-03-16 04:26:28 user2044802

奇怪的Javascript錯誤交換圖像

回答

相關問題