javascript - 如何在运行时替换图像源？

Question

我的应用中有一个非常奇怪的问题。

我有类似下面的内容。

一系列图像文件

image1.png
image2.png
image3.png
image4.png
image5.png
…more

JS

var inter = window.setInterval(function(){play()},300);

function play(){
  $('#holder').attr('src','image'+index+'.png')
   index++;
   if(index==20){
       clearInterval(inter);  
   }
}

想法是播放一系列图像并使其看起来像动画。它完全适用于我和另外两台 chrome 计算机。

但是，某些具有相同 chrome 版本的计算机似乎无法显示每个图像。图像文件在运行时发生变化，但浏览器只显示第一张图像，并且只发生在某些计算机上。

我真的想不通发生了什么。谁能帮我解决这个问题？非常感谢!

Answer 1

我不确定这里是否是这种情况，但我曾经遇到过类似的问题，因为图片没有及时加载。尝试预加载它们。

一些信息的链接:http://perishablepress.com/3-ways-preload-images-css-javascript-ajax/