2014-12-30 44 views
0

的圖像不改變對onclick事件另一圖像,直到頁面最小化/最大化的URL,這是在這裏:http://craft.yuribot.ml/JavaScript圖片不改變

的JavaScript這裏:

function CallPlay(plybtn, pbtn) { 
    if (pbtn.style.display == "block") { 
     pbtn.style.display = 'none'; 
     plybtn.style.display = "block"; 
     console.log('CallPlay'); 
    } 
} 

function CallPause(plybtn, pbtn) { 
    if (plybtn.style.display == 'block') { 
     plybtn.style.display = 'none'; 
     pbtn.style.display = "block"; 
     console.log('CallPause'); 
    } 
} 

var isPlaying = false; 
var player = document.createElement('div'); 
var title = document.createElement('p'); 
var plybtn = document.createElement('img'); 
var pbtn = document.createElement('img'); 
pbtn.style.display = "none"; 
plybtn.style.display = 'block'; 
player.style.height = '19px'; 
player.style.width = '100%'; 
player.style.backgroundImage = "url('http://craft.yuribot.ml/Player/src/Images/base.png')"; 
title.style.textAlign = 'center'; 
title.style.color = "#29FFFF"; 
title.style.fontFamily = "tahoma"; 
plybtn.style.height = "15px"; 
plybtn.style.position = 'fixed'; 
pbtn.style.height = "15px"; 
plybtn.style.left = "18px"; 
plybtn.style.top = '11px'; 
pbtn.style.top = "11px"; 
pbtn.style.left = "18px"; 
pbtn.style.position = 'fixed'; 
pbtn.src = "http://craft.yuribot.ml/Player/src/Images/paused.png"; 
plybtn.src = "http://craft.yuribot.ml/Player/src/Images/ply.png"; 
plybtn.onclick = function() { 
    CallPause(plybtn, pbtn); 
} 
pbtn.onclick = function() { 
    CallPlay(plybtn, pbtn); 
} 
title.innerHTML = "THIS IS THE TITLE SECTION"; 
title.style.fontSize = '8px'; 
player.appendChild(title); 
player.appendChild(plybtn); 
player.appendChild(pbtn); 
document.body.appendChild(player); 

我不知道爲什麼會發生這種情況。它在工作之前。

+0

爲什麼您縮短玩遊戲的時間? – AlienWebguy

+1

這工作正常。您的瀏覽器只是存在緩存問題。 – AlienWebguy

+0

這是凌晨4點。所以這可能是爲什麼 – Michael

回答

0

此代碼正在爲我工​​作,我會嘗試清除緩存。在Chrome中有一個禁用緩存的設置,而DevTools處於打開狀態時,您可以通過以下鏈接設置:https://developer.chrome.com/devtools/docs/settings

+0

我清除了一切仍然無法正常工作。我使用Firefox – Michael