更改 6 个图像然后预加载，但图像在更改之前正在预加载

Question

我有 3 张马/骑士奔跑的图像。我交替使用它们，使其看起来像是在运行。我正在使用 GD 来改变特定用户角色的骑士/马的颜色。我更改图像颜色，然后预加载 3 张图像。但当我的程序改变图像时，它们已经被预加载了。所以我必须加载页面两次才能显示 Knight.horse 的正确颜色。我该如何解决这个问题？

代码位于标题中。函数 loadImage 获取基本图像并更改颜色并将其保存在 pic/#.gif 文件位置。然后预加载图像并在末尾添加时间，以便加载新图像而不是缓存中的图像。

loadImage('pic/4.gif','pic/knightcolor0.gif',"1")

loadImage('pic/7.gif','pic/knightcolor0b.gif',"2")
loadImage('pic/5.gif','pic/knightcolor1.gif',"")
loadImage('pic/6.gif','pic/knightcolor2.gif',"")
loadImage('pic/8.gif','pic/knightcolor1R.gif',"")
loadImage('pic/9.gif','pic/knightcolor2R.gif',"")


img1 = new Image();
img1.src = "pic/4.gif?t="+new Date().getTime()
img2 = new Image();
img2.src =  "pic/5.gif?t="+new Date().getTime()
img3 = new Image();
img3.src =  "pic/6.gif?t="+new Date().getTime()
img4 = new Image();
img4.src = "pic/7.gif?t="+new Date().getTime()
img5 = new Image();
img5.src =  "pic/8.gif?t="+new Date().getTime()
img6 = new Image();
img6.src =  "pic/9.gif?t="+new Date().getTime()

请帮助我尝试了很多方法来解决这个问题，已经工作了一个星期了，但无法弄清楚哦！

Answer 1

如果预加载调用的是您还不想要的图像，那么预加载不会给您带来任何好处。如果您将预加载设置为回调 loadImage 函数，在正确的图像可用之前它不会执行。

或者，你能缩小颜色的选择范围吗？在这种情况下，将这些图像准备好供使用并不是不可想象的。