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

Question

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

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

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

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

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

Answer 1

You can do this using native javascript, see my code example below

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

You could apply this to multiple images by creating an array of image sources and looping through them to utilize the above code.