如何使用grails资源标记预加载图像。

我正在使用grails资源插件的资源标签来设置图像的src

src=${resourcedir:'images'，文件：'bla.png'} 这非常有效，并且为我考虑了在幕后使用http还是https。问题是我希望能够预加载这些图像

我曾经做过类似的事情，这是JS

$(['images/bla.png','images/bla2.png']).each(function(){
  $('<img/>')[0].src = this;
});

上面的问题是它没有使用任何资源标记，默认情况下，它将它们作为http而不是https加载。

---

任何人都知道解决这个问题的方法。或者我如何预加载它们

最简单的方法是在GSP中使用变量来存储需要预加载的图像，并让javascript读取该变量。例如：

普惠制

Javascript

var preload_images = [];
preload_images.push("${resource(dir:'images',file:'bla.png')}");
preload_images.push("${resource(dir:'images',file:'foo.png')}");

$(preload_images).each(function(){
  $('<img/>')[0].src = this;
});