闪烁的图像

Question

我目前正在制作一个小游戏，每隔几秒就删除一些图像并重新加载以更新其新状态和位置，这是通过以下代码完成的。然而，这导致这些图像在每次重新加载时闪烁，这在图像位于完全相同的位置时尤其令人讨厌并且实际上可能偶尔导致错误点击。有什么方法可以阻止我的图像闪烁吗？

$(".armysprite").remove();

for (var i = 0; i < armies.length; i++) {
    iniArmies(i); // Function that adds the new army images back into the DOM
}

Answer 1

最简单的方法是：在隐藏的div中加载新图片，并在图片的onload函数中显示此div并隐藏旧的div （如css属性：display:none; / display:block;）