在页面中,我们有一个图像在被移动后被另一个图像替换。这是一个简单的地图导航界面。
它大致类似于此工作(很抱歉无法向您显示真实代码或示例,但它是一个私人网站):
var imgMap = document.getElementById('myimage');
var imgMapTemp;
...
<the user moves the image around, and this triggers the loading of the new one>
...
function loadnewimage() {
imgMapTemp = new Image();
imgMapTemp.onload = function()
{
updateimage();
}
imgMapTemp.src = 'someurl';
}
function updateimage() {
imgMap.style.top = 0;
imgMap.style.left = 0;
imgMap.src = imgMapTemp.src;
}
旧图像会在新图像之前的短暂瞬间再次显示。
前一段时间没有发生过。它开始发生在Chrome上,现在它发生在所有最新版本的浏览器中,所以我想知道这是否可能是由javascript引擎中的优化引起的?