更改并将“src”映像到缓存的图像会导致奇怪的闪烁

时间:2011-11-04 10:42:44

标签: javascript javascript-events

在页面中,我们有一个图像在被移动后被另一个图像替换。这是一个简单的地图导航界面。

它大致类似于此工作(很抱歉无法向您显示真实代码或示例,但它是一个私人网站):

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引擎中的优化引起的?

0 个答案:

没有答案