webos背景图像更新问题

Question

我的应用程序有一个首选项屏幕，它具有更改背景颜色或主题的功能。为此，我使用不同颜色的png图像。当我进入主屏幕时，我正在使用其他图像，具体取决于首选项中选择的图像。为此，我在首选项屏幕的deactivate（）方法中使用CSS更改背景图像。在模拟器中，它工作正常。当我在设备上安装应用程序并检查相同的案例时，它显示为空白，然后它更改了主屏幕图像。

如何避免从偏好设置屏幕到主屏幕的过渡时出现空白背景？

Answer 1

这听起来好像图像需要一秒钟加载。您可以将图像拼接在一起，使它们始终保存在内存中，或者您可以在JS中创建新图像，并且只在加载图像时运行场景转换。

var img = new Image();
img.onload = function() { /* Run scene transition */ };
img.src = "path/to/the/background";