Question

图片未在onclick事件中更改为另一个图像，直到页面最小化/最大化，此处的URL位于此处：http://craft.yuribot.ml/

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);

我不知道为什么会这样。它以前工作过。

Answer 1

此代码对我有用，我会尝试清除缓存。在Chrome中，有一个设置为在DevTools打开时禁用缓存，您可以通过以下链接进行设置：https://developer.chrome.com/devtools/docs/settings

Javascript图像没有变化

1 个答案: