闪烁的图像
Flickering images
>我目前正在制作一个小游戏,每隔几秒钟就会删除并重新加载一些图像以更新其新状态和位置,这是通过下面的代码完成的。但是,这会导致这些图像在每次重新加载时闪烁,当图像位于完全相同的位置时尤其烦人,并且实际上会导致不时错误单击。有什么方法可以防止我的图像闪烁吗?
$(".armysprite").remove();
for (var i = 0; i < armies.length; i++) {
iniArmies(i); // Function that adds the new army images back into the DOM
}
最简单的方法是:在隐藏的div中加载新图像,并在图像的onload
功能上显示此div
并隐藏旧div
(如css属性:display:none;
/display:block;
(
相关文章:
- 如何使用按键避免图像闪烁
- 使用setInterval()函数进行图像闪烁
- addClass,它更改bg图像,但在第一次加载时没有闪烁
- 悬停时setInterval中的图像闪烁
- 按下按钮时图像持续闪烁
- jQuery图像在悬停时闪烁
- 当使用MouseEvent将图像更改为其他图像时,如何避免闪烁
- 正在创建随机图像闪烁
- iOS 8中滚动时的背景图像闪烁问题
- Javascript-使图像出现,然后将其替换为另一个图像(闪烁)
- 如何在渲染Backbone视图时防止图像闪烁
- 无法使图像闪烁(得到)预期的错误
- 鼠标经过时图像闪烁
- Skrollr图像闪烁.Firefox预加载问题
- 防止在src更改时出现大图像闪烁
- 如何在Javascript中使图像闪烁和重叠
- 图像闪烁然后消失
- 图像闪烁ajax轮询
- 使用图像映射时,鼠标悬停上的图像闪烁javascript
- 从本地主机加载时图像闪烁