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

时间:2014-09-29 18:42:41

标签: grails

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

src="${resource(dir:'images',file:'bla.png')}" 这很好用,并负责我是否在后台使用http或https。问题是我希望能够预加载这些图像。

我以前做过这样的事情就是JS。

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

上面的问题是它没有使用任何资源标记,它默认将它们加载为http而不是https。 任何人都知道解决这个问题。或者我如何预加载它们。

1 个答案:

答案 0 :(得分:0)

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

<强> GSP

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

<强>的Javascript

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