我有几个精灵,比如:
sprint1.jpg
sprint2.jpg
...
sprintX.jpg
我想通过元素背景css属性设置动画并设置下一个图像,但它在Chrome和FireFox中不起作用我有时会看到动画。代码是这样的:
function render() {
$('#element').css('background', 'url("'+next_image_path+'")');
requestAnimationFrame(render);
}
render();
注意!我正在预加载所有资产,而不是在所有资源都加载之前运行代码。
另一个注意事项!我可以尝试对图像精灵做同样的事情,但我不确定动画时是否有任何运气。