openlayers - 预加载静态图像.......如何？

Question

我遇到的另一个问题........我知道如何使用 jquery 预加载图像，但是如何使用静态图像进行预加载？

IMG_LYRbounds = [45.3, 30.9, -14.6, 72.6]; // LON/LAT
url = "http://localhost/img/myupdatedimgXX.png";

IMG_LYR = new ol.layer.Image({
    source: IMG_LYRStaticSource
});

IMG_LYRStaticSource = new ol.source.ImageStatic({
   url: url,
   projection: "EPSG:3857",
   imageExtent: ol.extent.applyTransform(IMG_LYRbounds, ol.proj.getTransform("EPSG:4326","EPSG:3857)
});

静态图像层保持不变，源（url）在鼠标悬停时发生变化。

当我有 2 个或更多图像层并且我需要一次性显示图像层时，特别需要预加载部分（并防止 img-layer1 显示 img-layer2 仍在加载的位置并在几秒钟后出现）。