如何在Phonegap应用程序中使图像加载更顺畅

Question

我在Phonegap中有一个应用程序构建，在某些页面上，我有一些div，其背景设置为Web中存在的一些图像。

<div class="clipBoard"></div>

.clipBoard {
   background: url(http://mydomain.com/img/img_1.png);
}

当我导航到该页面时，需要时间才能在android上专门显示该图像。我们可以做一些安排，以显示完整的图像吗？

Answer 1

您可以在应用启动时预加载该图片，

body:after{
   content: url(http://mydomain.com/img/img_1.png) display:none;
}

因此，当您导航到该页面时，它会毫不拖延地显示该图像。