Sencha touch 2 - 背景图片 url 与 base64 编码

Question

我在 sencha touch 2 中构建了一个 phonegap 应用程序。 一切正常，但我注意到在加载图像/图标时切换选项卡时会出现短暂的挂起。

我原以为它会是即时的，因为图像都包含在应用程序中。

我将图像加载为 CSS 背景图像。

作为测试，我拍摄了其中一张图像并将其转换为 base64 编码字符串并将其放在 css 中。没有区别。

phonegap 应用程序是这样的吗？或者有没有办法让图像立即加载？预加载？

Answer 1

您可以使用本机 javascript 执行此操作，请参阅下面的代码示例

var me = this; 
me.image = new Image();
me.image.src = 'test.jpg';
me.image.onload = function() {
    console.log("Image Loaded");
}

您可以通过创建图像源数组并循环它们以利用上述代码来将其应用于多个图像。